现在的位置: 网页制作教程网站制作教程 >正文
CSS

去掉li前面的点不显示 删除掉li前面的点

发表于2017/2/11 网站制作教程 0条评论 ⁄ 热度 3,104℃

li标签前面默认会有黑点,有些场景我们并需要这个点,这就需要我们通过方法去掉li前面的点,使之不显示。

那么我们如何删除掉li前面的点呢?我总结了以下三种方法:

这三种方法都是利用css去掉li前面的点。

方法一:

<ul>
<li style="list-style-type:none;">百度</li>
<li style="list-style-type:none;">雅虎</li>
<li style="list-style-type:none;">新浪</li>
<li style="list-style-type:none;">谷歌</li>
</ul>

方法二:

<style>
li {list-style-type:none;}
</style>
<ul>
<li>百度</li>
<li>雅虎</li>
<li>新浪</li>
<li>谷歌</li>
</ul>

方法三:

<style>
.li_style {list-style-type:none;}
</style>
<ul>
<li class="li_style">百度</li>
<li class="li_style">雅虎</li>
<li class="li_style">新浪</li>
<li class="li_style">谷歌</li>
</ul>
  • 暂无评论