Skip to main content

列表与表格

有关列表的 CSS 样式​

在 html 中常用的有 ul 和 ol 两种列表，即无序列表和有序列表，CSS 中提供了一些可以修改它们样式的属性。

list-style-type​

用于设置列表中每一个 li 元素前的标识类型，取值非常多：

  • disc 是 ul 中的默认值
  • decimal 是 ol 中的默认值
  • ...

其它还有空心园、实心方块、0开头的数字序列、罗马数字、希腊字母、英语字母、日文假名字符 ... 各种类型。

具体参考 CSS list-style-type 属性。

list-style-position​

这个属性就相对来说很简单了，用来设置每一个 li 元素前的标识，是存在于 li 盒子内还是外。

  • outside，默认值
  • inside

具体参考 CSS list-style-position 属性。

list-style-image​

用来指定一个图像作为每个 li 元素前面的标识。

  • none，默认值
  • url 图片资源路径

list-style 简写​

这里可以直接使用 list-style 简写上面三种属性：

list-style: type | position | url

有关表格的 CSS 样式​

由于性能关系，表格其实已经不常用了，具体参考 CSS 表格。