css教程-li的list-style-type属性

CSS教程 - li的list-style-type属性:

在CSS中,list-style-type属性用于定义列表项(<li>元素)的标志样式,即列表项前面的符号或数字。以下是一些常见的 list-style-type值及其效果:

  1. disc: 默认值,使用实心圆点作为标志。
  2. circle: 使用空心圆圈作为标志。
  3. square: 使用实心方块作为标志。
  4. decimal: 使用十进制数字(1、2、3等)作为标志。
  5. decimal-leading-zero: 使用十进制数字,如果是一位数会在前面添加零(01、02、03等)。
  6. lower-roman: 使用小写罗马数字(i、ii、iii等)作为标志。
  7. upper-roman: 使用大写罗马数字(I、II、III等)作为标志。
  8. lower-alpha: 使用小写字母(a、b、c等)作为标志。
  9. upper-alpha: 使用大写字母(A、B、C等)作为标志。
  10. none: 不显示标志。

示例用法:

ul {
  list-style-type: disc; /* 使用实心圆点作为标志 */
}

ol {
  list-style-type: decimal; /* 使用十进制数字作为标志 */
}
 
 

通过设置 list-style-type属性,你可以根据需求为列表项设置不同的标志样式,从而改变列表的外观。

posted @ 2025-03-16 12:34  我是一只小小鸟~  阅读(228)  评论(0)    收藏  举报