分享

DIV+CSS如何控制html标签li的样式,比如删除前面的点

 示且青春 2013-11-07

一般DIV+CSS网站制作布局时经常会遇到LI点的情况,特别是对新手来说可能有点陌生,如何去掉<li></li>中的点呢,或者如何改变点成数字1234或者改成空心圆方块等呢,又如何改变点的颜色?其实很简单:直接定义LI的CSS为list-style-type :none即可去掉点,如

  1. li{  
  2. list-style-type :none;  
  3. }  

如果要改变点的颜色,那么li里的字也会变颜色与大小的了,但你可以使用图片来作为前面的点,这样就可以随心所欲地装饰了。
  1. li{  
  2. list-styleurl("pre.gif"outside circle;  
  3. }  

  1. LI点的其他用法CSS代码:  
  2. list-style-type :  
  3. disc   默认值。实心圆  
  4. circle   空心圆  
  5. square   实心方块  
  6. decimal   阿拉伯数字  
  7. lower-roman   小写罗马数字  
  8. upper-roman   大写罗马数字  
  9. lower-alpha   小写英文字母  
  10. upper-alpha   大写英文字母  
  11. none   不使用项目符号  


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多