li标签前面的点该如何去掉

BaiduShurufa_2015-4-20_15-44-34.png

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



版权属于:做one笔记

原文地址:http://www.zuoone.com/post/154.html

转载时必须以链接形式注明原始出处及本声明。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。