网站制作之如何去掉LI前面的点

2010-01-23 郑州网站建设  
一般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   不使用项目符号
 

河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://www.tzchb.com/tech/494.html转载请标明出处,谢谢合作!
标签:
  • 标签
  • 代码
  • 网站制作
  • css
  • HTML
  • DIV