表格:表格有五种独有样式如下:
一、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
- 本文固定链接: https://www.qingheluo.com/csszhongbiaogeyuliebiaoyangshi/
- 转载请注明: qingheluo 于 清河洛 发表