当前位置:首页 » HTML/CSS

css去掉li标签前面的点

2011-11-15 12:09 本站整理 浏览(17982)

css li 去掉点的样式写法,其实就是利用css的list-sytle样式来实现的。

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 不使用项目符号

编辑:

一般去掉小黑点的具体样式表代码

li{margin:0; padding:0; list-sytle:none}

即可,关于为什么去掉小黑点而用图片替换,主要原因就是 容易容易样式,也可以提高页面的美观度。