css如何取消列表的项目符号

这篇文章主要为大家展示了“css如何取消列表的项目符号”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css如何取消列表的项目符号”这篇文章吧。

创新互联建站主要从事网站制作、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务衡水,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

取消项目符号方法：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> 标签

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

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如何取消列表的项目符号”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

本文标题：css如何取消列表的项目符号
路径分享：https://www.cdcxhl.com/article40/jgpsho.html

成都网站建设公司_创新互联，为您提供域名注册、网站维护、电子商务、网站制作、企业网站制作、网站营销

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容