HTML中怎么去除列表项符号

128 阅读 0 评论 85 点赞

我是靠谱客的博主满意苗条，最近开发中收集的这篇文章主要介绍HTML中怎么去除列表项符号，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：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>
登录后复制

效果图：

如果想要去除列表项符号要怎么做？

其实很简单，在列表标签（ul、ol）中，使用style属性添加“list-style-type:none;”样式即可。

<p>无序列表实例:</p>
<ul style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>有序列表实例:</p>
<ol style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>
登录后复制

效果图：