网站制作之如何去掉LI前面的点
发布日期:[2010/1/24] 编辑:奇亿广州网站建设
一般DIV+CSS网站制作布局时经常会遇到LI点的情况,特别是对新手来说可能有点陌生,如何去掉<li></li>中的点呢,或者如何改变点成数字1234或者改成空心圆方块等呢,又如何改变点的颜色?其实很简单:直接定义LI的CSS为list-style-type :none即可去掉点,如
li{
list-style-type :none;
}
如果要改变点的颜色,那么li里的字也会变颜色与大小的了,但你可以使用图片来作为前面的点,这样就可以随心所欲地装饰了。
li{
list-style: url("pre.gif") outside circle;
}
LI点的其他用法CSS代码:
list-style-type :
disc 默认值。实心圆
circle 空心圆
square 实心方块
decimal 阿拉伯数字
lower-roman 小写罗马数字
upper-roman 大写罗马数字
lower-alpha 小写英文字母
upper-alpha 大写英文字母
none 不使用项目符号