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

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

目录
相关文章
|
25天前
|
前端开发 容器
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
18 3
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
|
12天前
|
前端开发
学习css的clip-path属性
【7月更文挑战第1天】了解CSS `clip-path`属性,用于定义元素显示区域的裁剪形状,如圆形、椭圆、多边形、矩形及SVG路径。通过配合过渡和动画,可创建动态交互效果。例如,`clip-path: circle(radius at center);`用于创建圆形裁剪,`polygon`用于自定义多边形。还可以使用`path()`引用SVG路径数据。[资源推荐:bennettfeely.com/clippy/](https://bennettfeely.com/clippy/),提供交互式工具测试不同形状。
29 0
学习css的clip-path属性
|
21天前
|
前端开发
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
33 1
|
25天前
|
Web App开发 前端开发 JavaScript
css【详解】—— content属性(含css计数器)
css【详解】—— content属性(含css计数器)
13 3
|
25天前
|
前端开发
css 实用技巧 —— 使用border属性绘图(三角形、梯形、对话框尖角)
css 实用技巧 —— 使用border属性绘图(三角形、梯形、对话框尖角)
26 1
|
25天前
|
前端开发 容器
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
17 1
|
19天前
|
前端开发 JavaScript C++
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
18 0
|
24天前
|
前端开发
设计--字体样式---斜体,CSS字体属性用法
设计--字体样式---斜体,CSS字体属性用法
|
25天前
|
前端开发
前端 CSS 经典:mix-blend-mode 属性
前端 CSS 经典:mix-blend-mode 属性
13 0
|
25天前
|
前端开发
前端 CSS 经典:backface-visibility 属性
前端 CSS 经典:backface-visibility 属性
15 0