广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买
清除li黑点的方法:1、利用list-style-type属性,只需要给li元素添加“list-style-type:none;”样式即可;2、利用list-style属性,只需要给li元素添加“list-style:none;”样式即可。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
HTML中使用ul和li标签创建一个列表:
<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><ul><li>列表1</li><li>列表2</li><li>列表3</li></ul></body></html>登录后复制
发现该列表的每一项默认是有一个小黑点的:
怎么去掉li前的黑点?
利用list-style-type属性,该属性设置列表项标记的类型,当属性值为“none”则指定无标记(也就是去掉标记)。
<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">ul li{list-style-type:none;}</style></head><body><ul><li>列表1</li><li>列表2</li><li>列表3</li></ul></body></html>登录后复制
也可以使用list-style 简写属性,该属性可以在一个声明中设置所有的列表属性。
ul li{list-style:none;}登录后复制
相关推荐:《html视频教程》
以上就是html中怎么清除li黑点的详细内容,更多请关注9543建站博客其它相关文章!
发表评论