脚本宝典收集整理的这篇文章主要介绍了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 为我们提供了三种不同形式的列表:
有序列表,使用 <ol> + <li> 标签
无序列表,使用 <ul> + <li> 标签
定义列表,使用 <dl> + <dt> + <dd> 标签
其中有序列表和无序列表,默认列表的项目前都要符号:
那么怎么取消列表的项目符号?
可以使用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怎么取消列表的项目符号的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的css怎么取消列表的项目符号全部内容,希望文章能够帮你解决css怎么取消列表的项目符号所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。