如何摆脱 CSS 中的项目符号

默认情况下，当Web浏览器在网页中显示无序列表时，列表中的每个项目都有一个前导项目符号。这种行为并非总是可取的，并且可能与您的页面总体设计不符。使用CSS，您可以创建一个类以从页面上的特定列表中删除项目符号，也可以直接将HTML“ ul”标签作为目标以从页面上的所有列表中删除项目符号。

1

在文本编辑器或 Web 开发应用程序中创建一个新的 HTML 页面。

2

通过将以下HTML添加到页面正文中，创建一个简单的无序列表：

• 项目1
• 第 2 项
• 项目3

保存页面并在Web浏览器中查看。您将看到浏览器在列表中的每个项目旁边显示一个项目符号。

3

将以下代码添加到页面的部分：

这会使用“myList”类从任何列表中删除项目符号。保存页面并重新加载到Web浏览器中以查看更改。

4

更改CSS规则：

.myList{ 列表样式类型：无；}

至：

ul {list-style-type：none; }

这将以HTML“ ul”标记为目标，并从页面上所有无序列表中删除项目符号。添加第二个示例列表，并在您的 Web 浏览器中查看页面以验证两个列表都显示没有项目符号。