css li设置图标

CSS中设置列表项（li）的图标非常简单。可以通过background-image属性为每个列表项设置一个背景图像来实现。以下是一个示例：

li {
    background-image: url('图标的路径');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

其中，background-image属性设置背景图像的路径。background-repeat属性指定图像是否应在水平和垂直方向上平铺。background-position属性指定图像在元素内的位置，例如这里将图像放在左边居中。padding-left属性指定的是文本与图标的距离，为了避免图标与文本重叠。

需要注意的是，如果你希望在不同的列表项中使用不同的图标，只需要为每个列表项设置不同的背景图像即可。

如果你希望在不同的状态下显示不同的图标，可以通过伪类（:hover、:active、:visited等）来实现。以下是一个示例：

li:hover {
    background-image: url('鼠标悬停时的图标路径');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

在上面的代码中，我们为列表项的:hover伪类定义了一个背景图像，这意味着当鼠标悬停在列表项上时，会显示不同的图标。

总之，使用CSS设置列表项的图标非常简单。只需要使用背景图像和一些CSS属性即可轻松实现。如果你想使你的列表更独特，为每个列表项设置不同的图标效果会更佳。