如何去掉ul和li前面的小黑点


做网站的时候经常会遇到如上图所示的小圆点,难看不说,还容易影响布局,下面就介绍几种消除小圆点的方法:

1. 找到相关CSS文件,在.ul 和.li 部分添加:

1 list-style: none; 

 

或:

1 list-style-type: none; 

 

2. 在页面<head>部分添加:

1 <style type="text/css"> 2 list-style: none; 3 </style> 

 

 

3. 在HTML标签中添加:

1 <ul style="list-style-type: none> 2  <li><a herf="#">CSDN</a> 3  </li> 4 < /ul> 

 

以上三种方式分别为外联式,嵌入式,以及内联式,优先级由低到高,按需选择。

  

除了实心圆点,list-style-type还有其他样式:

1 none不使用项目符号 2 disc实心圆,默认值 3 circle空心圆 4 square实心方块 5 decimal阿拉伯数字 6 lower-roman小写罗马数字 7 upper-roman大写罗马数字 8 lower-alpha小写英文字母 9 upper-alpha大写英文字母 

 

选择所需效果,替换上文的none即可。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM