|
在CSS中经常会使用到li标签，默认情况下使用li时，会在文字前面自动加上一个黑色的小圆点，有时候会觉得这个圆点多余，所以要去掉。下面介绍几种常用的方法。 方法一： <ul> <li style="list-style-type:none;">百度</li> <li style="list-style-type:none;">雅虎</li> <li style="list-style-type:none;">新浪</li> <li style="list-style-type:none;">谷歌</li> </ul> 方法二： <style> li {list-style-type:none;} </style> <ul> <li>百度</li> <li>雅虎</li> <li>新浪</li> <li>谷歌</li> </ul> 方法三： <style> .li_style {list-style-type:none;} </style> <ul> <li class="li_style">百度</li> <li class="li_style">雅虎</li> <li class="li_style">新浪</li> <li class="li_style">谷歌</li> </ul> <ul class="list"> <li></li> <li></li> </ul> ul li{list-style-type: none;} 这个是去点的，不过一般网页都会在li的前面加上一个自己做的背景点，这个就去不掉了，你可以试试ul li {background:none;}。不要复制，我这里面有汉语的标点 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- li { display: inline; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> </head> <body> <li>sds</li> </body> </html> 如何去掉LI列表前面的空白！ 去掉LI前面的圆点，使用了list-style-type: none;不过前面出现了空白，无法消除，使用0margin,0padding也无效。可以用.ul{ list-style-type:none; padding:0; margin:0;} 试试看 去掉圆点的LI: <UL> <LI STYLE="list-style-type: none;margin:0px;padding:0px;">测试 </LI> </UL> (责任编辑：laiquliu) |
