Removing black dots from li and ul

 

This question already has an answer here:

  • Need an unordered list without any bullets 23 answers

    • Relatable post

    Those pesky black dots you are referencing to are called bullets.

    They are pretty simple to remove, just add this line to your css: 

    list-style-type: none;

    Hope this helps

    There you go, this is what I used to fix your problem:

    CSS CODE 

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

    HTML CODE 

    <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>

    CSS : 

    ul{
list-style-type:none;
}

    You can take a look at W3School

    链接地址: http://www.djcxy.com/p/29962.html

    上一篇: 从<ul>中移除子弹？

    下一篇: 从李和ul删除黑点