去除或修改html中无序列表ul,li的符号

当我们写网页的导航或者列表的时候的经常用到的就是无序列表ul,但是我们会发现ul会默认的有圆形小黑点,有时候会使页面不太美观。今天就介绍下如何去掉这些小黑点。

想要去除这些小黑点我们可以使用css的list-style-type:none;来实现

<style type=”text/css”>
ul{ list-style-type: none; }
</style>>

但是使用这个方法去掉小黑点的时候,会发现列表不是居左显示的,会有一定的偏移量。这是因为浏览器默认给ul加了一个padding值。我们只需要去掉这个padding就好了。

<style type=”text/css”>
ul{ list-style-type: none; padding: 0; }
</style>

当然我们也可以把小黑点换成别的样式,举几个个简单的例子

ul{list-style-type: square;}  显示为正方形

ul{ list-style-type:circle; }     显示为空点圆圈

ul{ list-style-type:decimal; } 显示为数字123456

 

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录