ul 中没有项目符号 - CSS

在 HTML 中，我们可以使用无序列表（ul）元素来创建一个项目的列表，其中每个项目通常以圆点作为项目符号。但是，有时候我们可能需要在不使用项目符号的情况下创建一个无序列表。在 CSS 中，可以使用 list-style-type 属性来解决这个问题。

list-style-type 属性

list-style-type 属性用于设置项目符号的类型，例如圆点、十字、数字等。它有多个可用值，其中包括 none、disc、circle、square 等等。如下所示：

ul {
  list-style-type: none;
}

代码中的上述 CSS 规则将去掉无序列表中的项目符号。如果您想要显示自己的项目符号，可以使用::before 伪元素来为它们添加内容和样式。如下所示：

ul li::before {
  content: "\2022"; /* 表示圆点符号 */
  margin-right: 8px;
}

这将使每个项目都有一个圆点作为符号，并将间距放在列表项的左侧。

结论

使用 list-style-type 属性是一种去掉项目符号的方法，也可以使用 ::before 伪元素来添加自己的项目符号。