li 悬停效果 CSS 设置教程

可以通过以下步骤设置 li 元素的悬停效果：

1. 在 CSS 中选择 li 元素，可以使用类选择器或标签选择器。

2. 添加:hover 伪类，表示当鼠标悬停在 li 元素上时触发效果。

3. 设置悬停效果的样式，如改变背景色、字体颜色、边框等。

示例代码：

li:hover {
  background-color: #ccc;
  color: #fff;
  border: 1px solid #000;
}

上述代码表示当鼠标悬停在 li 元素上时，背景色变为灰色，字体颜色变为白色，边框变为黑色实线。可以根据需要自行修改样式。