css li

作者：血染胸毛发布日期:2026-06-26 浏览:103

/* 示例代码：使用 CSS 样式化 li 元素 */

ul {
  list-style-type: none; /* 移除默认的列表样式 */
  padding: 0; /* 移除默认内边距 */
  margin: 0; /* 移除默认外边距 */
}

li {
  background-color: #f0f0f0; /* 设置背景颜色 */
  padding: 10px; /* 添加内边距 */
  margin-bottom: 5px; /* 在每个 li 元素之间添加间距 */
  border-radius: 5px; /* 圆角边框 */
  font-family: Arial, sans-serif; /* 设置字体 */
}

li:nth-child(odd) {
  background-color: #d0d0d0; /* 为奇数项设置不同的背景颜色 */
}

解释说明：

ul 选择器用于移除默认的列表样式、内边距和外边距，确保列表在不同浏览器中显示一致。
li 选择器为每个列表项设置了背景颜色、内边距、间距、圆角边框和字体。
li:nth-child(odd) 选择器为奇数位置的列表项设置了不同的背景颜色，以增强视觉区分度。

上一篇：css样式前面加个圆点

下一篇：css minmax