您的位置:首页 > Web前端 > CSS

关于表格常见的css属性

2019-08-30 20:09 281 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/qq_43392346/article/details/100164805
今天主要和大家分享一些前段时间学习的关于表格的部分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属性,如有错误或不足,请您指正补充.

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: