从li和ul中删除黑点

164

我正在做一个项目,使用了一些无序列表和列表项。

但是我似乎没法弄清楚如何去掉这些列表附带的讨厌的黑点。

你们有谁能帮帮我吗?

编辑:我完全忘记在这个网站上搜索是否已经有答案了(呆哪儿)结果发现确实有了!把这个标记为重复,感谢大家的帮助!


2
我必须同意你的看法,@catzilla。似乎有很多关于删除子弹的问题。 - D.Freeman
3个回答

367

相关帖子

您所提到的那些黑点被称为项目符号。

它们很容易被去掉,只需在您的CSS中添加这行代码:

ul {
    list-style-type: none;
}

24

好的,这是我用来解决你的问题的代码:

CSS 代码

nav ul { list-style-type: none; }

HTML 代码

<nav>
<ul>
<li><a href="#">Milk</a>
   <ul>
   <li><a href="#">Goat</a></li>
   <li><a href="#">Cow</a></li>
   </ul>
</li>
<li><a href="#">Eggs</a>
   <ul>
   <li><a href="#">Free-range</a></li>
   <li><a href="#">Other</a></li>
   </ul>
</li>
<li><a href="#">Cheese</a>
   <ul>
   <li><a href="#">Smelly</a></li>
   <li><a href="#">Extra smelly</a></li>
   </ul>
</li>
</ul>
</nav>

19

CSS :

ul{
list-style-type:none;
}

您可以查看W3School


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接