21、CSS列表、表格与轮廓样式全解析

CSS列表、表格与轮廓样式全解析

1. 列表样式

在网页开发中，列表是一种常见的元素，包括无序列表和有序列表。可以使用CSS属性来控制列表的样式。

1.1 列表属性概述

以下是一些常用的列表属性及其用途：
| 属性 | 用途 |
| — | — |
| list-style-type | 控制列表项标记的形状或外观 |
| list-style-position | 指定列表项标记相对于文本的位置 |
| list-style-image | 指定自定义图像作为列表项标记 |
| list-style | 是上述属性的简写形式 |
| marker-offset | 指定列表项标记与文本之间的距离 |

1.2 list-style-type属性

该属性可用于控制无序列表的项目符号形状，以及有序列表的编号样式。

• 无序列表的list-style-type值
  | 值 | 标记 |
  | — | — |
  | none | 无 |
  | disc | 实心圆（默认） |
  | circle | 空心圆 |
  | square | 实心方块 |

• 有序列表的list-style-type值
  | 值 | 含义 | 示例 |
  | — | — | — |
  | decimal | 数字 | 1, 2, 3, 4, 5 |
  | decima