qhnw.net
当前位置:首页 >> html5标签li去点 >>

html5标签li去点

给li 加一个属性就解决了ul li{list-style:none}

设置li标签的list-style属性为none 如下例子 li标签在没有设置li{list-style:none;}的时候,前面是有圆点的,设置之后,圆点消失<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style> li{list-style: none;}/*这里设置*/</style></head><body><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></body></html>

用图片圆点代替就好,想多大都可以! li { list-style-image: url(image/li.gif); } li.gif 就是图片 如果能够帮助你解决问题,那么希望你点击“采纳”, 举手之劳,将鼓励我们继续解答其他qq网友的问题,谢谢!

使用css属性:li{list-style:none;}或者是 li{list-style-type:none;}

用样式去.ul {list-style:none; }

楼上的有一半答对了\r\nul是无序排列\r\nol才是有序排列\r\nli是他们的子列\r\nul ol li 是很好用的几个东西\r\n现在大部分都用到它\r\n不过他们前面的那些个点和序号就不那么雅观了\r\n所以我们要定义一个CSS把它去掉\r\nlist-style-type:none;(去掉序号和前面的点) margin:0px;(页边空白为0)text-align:left;(文本左对齐)\r\n这样我们用li定义出来的东西就能去掉前面的点或者序号还能左对齐,当然你可以居中,右对齐等等

方法1,去点,给ul加css(list-style:none) 方法2,给每一个li加个合适的宽度

li默认样式是有外部边距(margin)、内部边距(padding)以及显示的圆点符号(list-style),如果不想让li出现这些样式,只需要在css中重新定义li的样式即可:li{margin:0px;padding:0px;list-style:none;}无序列表1无序列表2无序列表3

<!DOCTYPE html><html><head> <title></title> <script type="text/javascript"> window.onload = function () { var oDiv = document.getElementById("div1"); var aLi = oDiv.getElementsByTagName("li"); var sHtml = ""; for (var i = 0, l = aLi.

<style> li{list-style:none;}</style>这样就可以用ul 时可以去除列表前面的点 那用ol时也可以去除

90858.net | lpfk.net | nczl.net | yhkn.net | qwrx.net | 网站首页 | 网站地图
All rights reserved Powered by www.qhnw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com