html中怎么清除li黑点

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

html中怎么清除li黑点

清除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建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:phonegap操作数据库详解
下一篇:带你使用Node读写txt和Excel文件

发表评论

关闭广告
关闭广告