css3无序排列求出黑点 |css标记文本溢出

<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
<li>项目4</li>
</ul>

上面的代码片段展示了一个基本的无序列表。在每个项目之前添加一个黑点的代码如下：

li {
list-style-type: disc; /* 小黑点 */
}

也可以使用其他类型的标志来代替黑点。比如使用方形、实心圆等：

li {
list-style-type: square; /* 方形 */
}
li {
list-style-type: circle; /* 空心圆 */
}

在无序列表中，也可以通过伪元素改变黑点的样式。例如，将黑点变为字母：

li:before {
content: "●";
margin-right: 5px;
}

上面的代码使用:before伪元素，将黑点内容替换为圆形字符，同时添加5像素的水平间距。

总之，无序排列是CSS3中的一个很好的功能，可以使列表更易读和更吸引人。它可以通过list-style-type属性很容易地实现，并可以通过伪元素添加额外的样式。