CSS中表格与列表样式

表格：表格有五种独有样式如下：

一、border-collapse：

separate：默认值，单元格边框独立(单元格之间有间隔)
collapse：单元格相邻边框被合并(单元格之间没有有间隔)

二、border-spacing：设置相邻单元格之间的间隔距离

三、caption-side：设置标题标签中相对表格的位置，有top和bottom两个值(都是有居中属性)

四、empty-cells：空单元格是否显示边框

show：默认值，显示边框
hide：不显示边框

五、table-layout：

auto：默认值，内容过长时，拉伸整个单元格
fixed：内容过长时，不拉伸整个单元格，会在单元格内换行显示

列表：列表有四种独有样式：

一、list-style-type：

列表中的标记类型
none：没有标记
disc：实心圆
circle：空心圆
square：实心方块
decimal：阿拉伯数字
lower-roman：小写罗马数字
upper-roman：大写罗马数字
lower-alpha：小写英文字母
upper-roman：大写英文字母

二、list-type-position：前缀的标记的位置

outside：默认值，标记位于内容框外部
inside：标记位于内容框内部

三、list-type-image：使用图片作为前缀的标记。

none：不使用图像
url：通过url使用图像list-style-image: url(bullet.png);

四、list-style：简写整合。顺序：type position image