如何去掉列表的默认样式

新建一个html文件，命名为test.html，用于讲解css如何清除li列表默认样式。

请点击输入图片描述

在test.html文件内，使用ul、li标签创建一个列表。

请点击输入图片描述

在test.html文件内，设置ul标签的class属性为mycss。

请点击输入图片描述

在css标签内，通过class设置ul的样式，将list-style属性设置为none，消除列表的默认序号。

请点击输入图片描述

在css标签内，再将padding属性和margin属性消除li列表的内外边距。

请点击输入图片描述

6

在浏览器打开test.html文件，查看实现的效果。

请点击输入图片描述

在网页里面复制你要的内容，然后粘贴到WORD里面就可以清除样式，或者是把网页另存，用WORD打开，会出现加载错误，xxx.css文件丢失，自然就没有那些样式了，不能粘贴到txt，这样的话连接就会没有了

不知道你的需求是什么，但是这个列表的原点这样去掉。

这个没有圆点的：

<style>

.list{list-style-type:none}

</style>

<ul class='list'>

    <li>1</li>

    <li>2</li>

    <li>3</li>

    <li>4</li>

    <li>5</li>

</ul>

有圆点的：

<ul>

    <li>1</li>

    <li>2</li>

    <li>3</li>

    <li>4</li>

    <li>5</li>

</ul>

---