HTML中怎么去除列表项符号-木庄网络博客

2022-03-14 02:42:52 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在HTML中，可以通过在列表标签（ul、ol）中，使用style属性添加“list-style-type:none;”样式来去除列表项符号。list-style-type属性可设置列表项标记的类型，当值设置为“none”时可去除列表项标记。

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

在 HTML中，有两种类型的列表：

无序列表 ul - 列表项标记用特殊图形（如小黑点、小方框等）
有序列表 ol - 列表项的标记有数字或字母

<p>无序列表实例:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>
 
<p>有序列表实例:</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

效果图：

阅读剩余部分

相关阅读 >>

Html hr标签的属性有哪些？Html hr标签的样式详解

Html的<body> 标签

深入理解px、rem、em、vh、vw之间的区别

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » HTML中怎么去除列表项符号

HTML中怎么去除列表项符号

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论