您好,欢迎访问一九零五行业门户网

css怎么取消列表的项目符号

取消项目符号方法:1、使用list-style属性,只需要给li元素添加“list-style:none;”样式即可;2、使用list-style-type属性,只需要给li元素添加“list-style-type:none;”样式即可。
本教程操作环境:windows7系统、css3&&html5版、dell g3电脑。
html 列表(list)可以将若干条相关的内容整理起来,让内容看起来更加有条理。在列表内您可以放置文本、图像、链接等,也可以在一个列表中定义另一个列表(列表嵌套)。
html 为我们提供了三种不同形式的列表:
有序列表,使用 c34106e0b4e09414b63b2ea253ff83d6 + 25edfb22a4f469ecb59f1190150159c6 标签
无序列表,使用 ff6d136ddc5fdfeffaf53ff6ee95f185 + 25edfb22a4f469ecb59f1190150159c6 标签
定义列表,使用 5c69336ffbc20d23018e48b396cdd57a + 73de882deff7a050a357292d0a1fca94 + 67bc4f89d416b0b8236eaa5f43dee742 标签
其中有序列表和无序列表,默认列表的项目前都要符号:
那么怎么取消列表的项目符号?
可以使用list-style或list-style-type属性,将其属性值设置为none即可。
<!doctype html><html><head><meta charset="utf-8"></head><style>li {/* list-style:none; */list-style-type: none;}</style><body><p>煮米饭的步骤:</p><ol><li>将水煮沸</li><li>加入一勺米</li><li>搅拌均匀</li><li>继续煮10分钟</li></ol><p>早餐的种类:</p><ul><li>鸡蛋</li><li>牛奶</li><li>面包</li><li>生菜</li></ul></body></html>
(学习视频分享:css视频教程、web前端)
以上就是css怎么取消列表的项目符号的详细内容。
其它类似信息

推荐信息