css li 参数

在CSS样式表中，li是一种常见的HTML元素，主要用于表示列表中的每一项。通过调用li的css参数，我们可以控制列表项的样式，使其呈现出不同的效果。

li {
    /* 控制列表项的基本样式 */
    display: list-item; /* 默认为list-item，如果要更改可以自定义 */
    list-style-type: disc; /* 标志样式，默认为实心圆点 */
    list-style-position: outside; /* 标志位置，默认在文字左边 */
    margin: 10px 0; /* 外边距，用于调整列表项之间的间距 */
    padding: 0 0 0 20px; /* 内边距，用于调整文字与标志之间的距离 */
}

使用li的:hover伪类，我们可以在鼠标悬停在列表项上时，改变其样式。

li:hover {
    background-color: #eee; /* 背景颜色更改 */
    color: #333; /* 文字颜色更改 */
}

如果要控制某一具体列表项的样式，可以给这个列表项加上对应的class名称，在CSS中定义对应样式即可。

<ul>
    <li>列表项1</li>
    <li class="special">特别的列表项</li>
    <li>列表项3</li>
</ul>

li.special {
    /* 控制具体的特别的列表项样式 */
    color: red;
    font-size: 20px;
}