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

本文涉及的产品
云服务器 ECS,每月免费额度200元 3个月
云服务器ECS,u1 2核4GB 1个月
简介: 通过设置 `list-style-type`属性,你可以根据需求为列表项设置不同的标志样式,从而改变列表的外观。买CN2云服务器,免备案服务器,高防服务器,就选蓝易云。百度搜索:蓝易云

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属性,你可以根据需求为列表项设置不同的标志样式,从而改变列表的外观。

目录
相关文章
|
10天前
|
前端开发
页面无法滑动-CSS: touch-action属性
页面无法滑动-CSS: touch-action属性
22 0
|
10天前
|
容器
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
14 0
|
1天前
|
前端开发
CSS属性众多
【5月更文挑战第24天】CSS属性众多
8 3
|
1天前
|
前端开发
只是一小部分CSS属性的示例
【5月更文挑战第24天】只是一小部分CSS属性的示例
9 2
|
3天前
|
存储 数据处理 索引
Python基础教程——列表(List)
Python基础教程——列表(List)
|
6天前
|
Python
两个list集合合并成一个python教程 - 蓝易云
在这两种方法中,加号会创建一个新的列表,而extend方法则会在原地修改列表。
15 0
|
8天前
|
前端开发
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅
|
8天前
|
前端开发 开发者 UED
深入理解CSS属性“flex:1”的奥秘
深入理解CSS属性“flex:1”的奥秘
|
10天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
10天前
|
前端开发 容器
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么?
12 1