CSS是前端开发中非常常见的一种代码语言，它可以使网页更加美观、易读，同时也可以通过CSS来优化网页的SEO效果。在网页中，列表是一种比较常见的元素，我们可以使用CSS来设置列表的样式。 在HTML中，我们可以通过ul标签来表示无序列表，通过ol标签来表示有序列表。无序列表通常用于表示一些不需要特别排序的项目，它的每个项目的前面都会显示一个小圆点，例如：

<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
</ul>

CSS可以用来控制无序列表的样式。例如，可以设置list-style-type属性来更改小圆点的样式。以下是一些常见的list-style-type属性值：

ul {
list-style-type: disc; /* 实心圆点 */
list-style-type: circle; /* 空心圆点 */
list-style-type: square; /* 正方形 */
list-style-type: none; /* 不显示任何符号 */
list-style-type: decimal; /* 数字列表，从1开始 */
list-style-type: lower-roman; /* 小写罗马数字 */
list-style-type: upper-roman; /* 大写罗马数字 */
}

除了更改小圆点的样式，我们还可以控制它们的位置和间距。例如，可以使用margin和padding属性来控制小圆点与列表项之间的距离：

ul {
list-style-position: inside; /* 小圆点在列表项内部 */
list-style-position: outside; /* 小圆点在列表项外部，这是默认值 */
margin-left: 20px; /* 左侧留出20像素的间距 */
padding-left: 20px; /* 小圆点距离左侧20像素 */
}

此外，我们还可以使用CSS来控制列表项的样式。例如，可以使用text-decoration属性来为列表项添加下划线：

li {
text-decoration: underline;
}

总之，通过使用CSS，我们可以轻松地控制列表的外观和样式，使其更加美观、易读，在网页中的作用也非常重要。