css 列表与表格

列表与表格样式

7.1 列表样式

列表样式主要是设置ul或ol前面的那个“列表符”的特性，包括：

• list-style-type：

用于设置列表样式的类型，比如原点(disc)，圆圈(circle)，阿拉伯数字(decimal)，罗马数字，英文字母。

有了这个属性，对ul和ol来说，就没有差别了！

• list-style-image

用于设置列列表前面的小图标（图像），也就是说，用一个图片来代替上面的列表符。

如果设置了这项，则list-style-type就失效。

• list-style-position：

用于设置列表项目符的位置，只有两个值：outside(外面，默认），inside（里面）。指的是列表符，是放在li盒子的里面，还是放在li盒子的外面。

• list-style：上述3个属性的综合属性。

7.2 表格样式

表格样式主要是从整体上设置一个表格的外观表现，而不涉及到具体的每一个单元格。

表格样式的属性主要包括：

• border-collapse：

设置表格的单元格边线是否合并；有两个值可用：separate（分离），collapse（合并）

• border-spacing：

设置表格单元格之间的间隙，长度单位。

注意：只有在border-collapse的值为separate时才有效。

• caption-side：

设置表格标题（caption标签）的放置位置，可用值有：top，bottom。（还有left和right）