css li 去掉前面的点

发布时间:2019-12-06编辑:脚本学堂
分享下css li 去掉点的样式写法,使用css的list-sytle样式来实现,有需要的朋友参考学习下。

li默认前面有个点,当然也可以显示别的符号。

不过本节的重点是如何去掉li的点,我们继续往下看。

例子:
li{ list-style: url("pre.gif") outside circle; }
直接变色 li{ color:#f00; }

list-style-type的语法与参数:
语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值:
 

disc :  CSS1 默认值。实心圆
circle :  CSS1 空心圆
square :  CSS1 实心方块
decimal :  CSS1 阿拉伯数字
lower-roman :  CSS1 小写罗马数字
upper-roman :  CSS1 大写罗马数字
lower-alpha :  CSS1 小写英文字母
upper-alpha :  CSS1 大写英文字母
none :  CSS1 不使用项目符号

去掉小黑点的css样式代码:
 

复制代码 代码示例:
li{margin:0; padding:0; list-sytle:none}

简单来说就是:

复制代码 代码示例:
list-style-type:none

另外,去掉小黑点后,可以用图片替换,方便样式的维护。

>>> 您可能感兴趣的文章:
如何去掉li前面的点
如何去掉ul,li前面的点
ul li去点、变色、改成图片
DIV CSS布局之ul、li实现表格形式的实例教程
div+css有关ul li属性的使用和说明
css样式去掉li的点的方法(list-style-type语法)
css li去掉点的方法示例
css去掉li点、修改ul缩进间距的方法
css li ul不换行的思路与实现方法
css中li使用技巧示例
CSS: list-style与inline用法详解