📅  最后修改于: 2023-12-03 14:48:09.495000             🧑  作者: Mango
在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
属性,我们可以轻松添加删除点或其他自定义标记。这在向用户传达信息的时候非常有用。