本文介绍如何使用CSS定制列表项（li）的样式，包括调整宽度、浮动布局、去除默认项目符号、更改项目符号颜色及替换自定义项目符号等技巧。
共享笔记 记录如下：
总共9个li 每行 3个li 怎么设置的问题，解决方案：ul li{ width:33%; float:left; }
li 标签 横排 并 去掉 前面的默认样式，解决方案： ul li{ width:20%; float:left; list-style:none; font-size:12px; }
删除 li
标签样式
前面的点 ，解决方案：
直接定义 li 的CSS 为
list-style-type :none
即可去掉点。（
例如：
li{ list-style-type:none;
}
）
如果要改变 li 标签 点的 颜色，那么 li 里的字也 可以改变 颜色与大小的了。
你也可以使用图片来作为 前面的点，这样就可以随心所欲地装饰了。 列如： li{ list-style: url("action2.gif") outside circle; }
li 点的 其他用法CSS代码：
list-style-type
:
disc
默认值。实心圆
circle
空心圆
square
实心方块
decimal
阿拉伯数字
lower-roman
小写罗马数字
upper-roman
大写罗马数字
lower-alpha
小写英文字母
upper-alpha
大写英文字母
none
不使用项目符号
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
