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

目录
相关文章
|
2月前
|
前端开发
CSS属性:盒子模型
CSS属性:盒子模型
32 0
|
2月前
|
前端开发
CSS属性
CSS属性
29 0
|
7天前
|
数据采集 存储 前端开发
Puppeteer教程:使用CSS选择器点击和爬取动态数据
本文介绍如何使用Puppeteer结合CSS选择器爬取动态网页数据,以贝壳网的二手房价格为例,通过代理IP提高爬虫成功率。文章详细讲解了Puppeteer的安装和配置、代码实现及数据趋势分析,帮助读者掌握动态网页爬取技术。
Puppeteer教程:使用CSS选择器点击和爬取动态数据
|
17天前
|
Web App开发 前端开发 iOS开发
css所有缩写属性,CSS属性简写整理
css所有缩写属性,CSS属性简写整理
15 1
|
2月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
31 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
1月前
|
前端开发
CSS 中哪些属性可以继承
在 CSS 中,属性分为可继承与不可继承。可继承属性会在子元素中沿用父元素的样式设定。常见可继承属性包括:文本属性(如 `font-family`, `color`),列表属性(如 `list-style`),表格布局属性(如 `border-collapse`),以及其他如 `visibility` 和 `direction` 等属性。正确理解这些属性有助于更高效地进行样式设计。
|
17天前
|
前端开发
css简写属性
css简写属性
24 0
|
1月前
|
前端开发 JavaScript
如何在CSS中添加自定义属性
如何在CSS中添加自定义属性
15 0
|
1月前
|
前端开发
运用CSS伪类与属性,巧妙实现背景图片旋转效果
运用CSS伪类与属性,巧妙实现背景图片旋转效果
27 0
|
1月前
|
前端开发
哪些 CSS 属性可以继承?
哪些 CSS 属性可以继承?
41 0