ydzf.net
当前位置:首页 >> html li去掉点 >>

html li去掉点

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

css去掉li前面的点,有三种方法.方法一: 复制代码 代码如下:百度雅虎新浪谷歌方法二: 复制代码 代码如下:li {list-style-type:none;}百度雅虎新浪谷歌方法三: 复制代码 代码如下:.li_style {list-style-type: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定义出来的东西就能去掉前面的点或者序号还能左对齐,当然你可以居中,右对齐等等

设置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网友的问题,谢谢!

ul{ list-style:none; display:block;}ul img{ width:100px;}

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

ul,ol,li{list-style-type:none;} 添加一个样式写上这些就可以了.

<ul class="list"><li></li><li></li></ul>.list li{list-style-type:none}

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

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