专业的广州网站建设公司、广州网站设计制作公司为您服务,电话:020-85548809,29883069
新闻中心
专业专注专心,行业行情行规
分享交流,永无止境,我们愿与您共同进步

网站制作之如何去掉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   不使用项目符号

广州建网站、广州做网站
或者将本文《网站制作之如何去掉LI前面的点》收藏和分享到:
复制本文《网站制作之如何去掉LI前面的点》地址给好友: