css样式去掉li的点的方法(list-style-type语法)

发布时间:2020-08-16编辑:脚本学堂
本文介绍下,在css样式中去掉li前面的点的方法,学习下list-style、list-style-type的用法,感兴趣的朋友参考下吧。

本节内容:
css li 去掉点的样式,使用css的list-sytle样式实现。

css样式代码:
 

复制代码 代码示例:
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}

这里补充下,去掉小黑点而用图片替换,更容易变换样式,也可以提高页面的美观度。聪明的,你懂的哦。

您可能感兴趣的文章:
css去掉li点、修改ul缩进间距的方法
css去掉li的点 实现ul、li的横向排列
css li去掉点的方法示例
详解CSS中px和em属性的特点与区别
详细解析DIV+CSS布局的十八条优点
ul li去点、变色、改成图片
如何去掉ul,li前面的点
如何去掉li前面的点