今天主要和大家分享一些前段时间学习的关于表格的部分CSS属性.
表格的CSS属性:
1.表格的高度 height: 100px;
2.表格的宽度 width:100px;
3.表格的表框 border:1px;
4.表格的背景色 bgcolor:red;(也可以使用16进制表示法,如红色16进制表示为 #ff0000);
5.单元格与单元格之间的间距 cellsapcing:2px;
6.单元格与内容之间的空隙 cellspdding:2px;
7.水平对齐方式 align:left(左对齐)/center(居中对齐)/right(右对齐);
8.垂直对齐方式 valign:top(顶对齐)/middle(中间对齐)/bottom(底部对齐);
9. 合并单元格属性:
(1) 合并行 rowspan="所需要合并的行数";
(2) 合并列 colspan="所需要合并的列数";
(以下为表单高级)
10.合并相邻的单元格边框
border-collapse:separate(边框分开)/collapse(边框合并,可以用来制作1像素边框的表格);
11. 单元格间距(这个属性一定要加在table上)
border-sapcing:2px;
12. 无内容单元格的显示/隐藏
empty-cells:show(显示)/hide(隐藏);
13.固定宽度,不会虽内容的多少改变单元格的宽度
table-layout:auto(自动)/fixed(固定);
14. 表格的列标题
<th></th> 要放到tr里边,
15.添加组分割线
rules:rows(行与行之间)/cols(列与列之间)/all(行与列之间)/
groups(行组与列组之间)/none(没有线条)
16 .数据的行分组
<thead></thead> 表头
<tbody></tbody> 表体
<tfoot></tfoot> 表尾
(一个table中只能包含一个thead,一个tfoot,可以有多个tbody)
17. 数据列分组
<colgroup span="value" > </colgroup>
<col span="value"> </col> 两种写法都可以
以上就是一些表格的基本CSS属性,如有错误或不足,请您指正补充.