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

发布时间:2022-05-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了css怎么取消列表的项目符号脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

取消项目符号方法:1、使用list-style属性,只需要给li元素添加“list-style:none;”样式即可;2、使用list-style-tyPE属性,只需要给li元素添加“list-style-type:none;”样式即可。

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

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3脑。

HTML 列表(List)可以将若干条相关的内容整理起来,让内容看起来更加有条理。在列表内您可以放置文本、图像、链接等,也可以在一个列表中定义另一个列表(列表嵌套)。

HTML 为我们提供了三种不同形式的列表:

  • 有序列表,使用 <ol> + <li> 标签

  • 无序列表,使用 <ul> + <li> 标签

  • 定义列表,使用 <dl> + <dt> + <dd> 标签

其中有序列表和无序列表,默认列表的项目前都要符号:

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

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

那么怎么取消列表的项目符号?

可以使用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怎么取消列表的项目符号

(学习视频分享:css视频教程、web前端)

以上就是css怎么取消列表的项目符号的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的css怎么取消列表的项目符号全部内容,希望文章能够帮你解决css怎么取消列表的项目符号所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: