首页 > html5+css > css基础知识 > CSS中表格与列表样式
2016
12-16

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

最后编辑:
作者:qingheluo
这个作者貌似有点懒,什么都没有留下。