📜  ul 删除点 - CSS (1)

📅  最后修改于: 2023-12-03 14:48:09.495000             🧑  作者: Mango

使用 'ul' 删除点 - CSS

在CSS中,我们可以使用伪元素 ::before::after 添加内容到HTML元素中。使用这些伪元素,我们可以轻松地创建删除点或者任何其他类型的标记。

基本示例

下面的CSS代码片段为无序列表添加了删除点:

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li::before {
  content: "✕ ";
}

此代码将在每个无序列表项前面添加一个删除点。

自定义样式

您可以根据需要进行自定义添加,如下:

ul li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #777;
  margin-right: 5px;
}

此代码将在每个无序列表项前面添加一个自定义圆点。

结论

在CSS中使用伪元素和 content 属性,我们可以轻松添加删除点或其他自定义标记。这在向用户传达信息的时候非常有用。