列表样式&表格样式

列表样式&表格样式

列表样式

1、list-style-type

在CSS中，不管是有序列表还是无序列表，都统一使用list-style-type属性来定义列表项符号。

list-style-type属性值	说明
decimal	默认值，数字1、2、3……
lower-roman	小写罗马数字i、ii、iii……
upper-roman	大写罗马数字I、II、III……
lower-alpha	小写英文字母a、b、c……
upper-alpha	大写英文字母A、B、C……

list-style-type属性值	说明
disc	默认值，实心圆“●”
circle	空心圆“○”
square	实心正方形“■

2、list-style-image

list-style-image:url(图像地址)

ul{list-style-image:url("../images/list.png");}

表格样式

1、border-collapse属性

border-collapse属性值	说明
separate	默认值，边框分开，不合并
collapse	边框合并，如果相邻，则共用一个边框

只需要在table元素中设置border-collapse属性值就行，没必要在th、td这些元素也设置，造成代码冗余。

2、border-spacing属性

table{border-spacing:5px 10px}//定义了单元格之间水平方向的间距为5px，垂直方向的间距为10px

只需要在table元素设置就可以生效

3、caption-side

使用caption-side属性来定义表格标题的位置.

属性值：top bottom