关于表格常见的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属性,如有错误或不足,请您指正补充.
相关文章推荐
- CSS 表格中的单元格边框重叠属性 border-collapse
- 关于cssText属性
- 关于一些css属性在微信上不兼容的解决方法
- HTML+CSS第十课:常见的3种网页布局方式:表格布局、DIV+CSS布局、框架布局
- CSS手册简编:表格属性
- CSS知识点总结(一)定义、使用方式及常见属性
- 关于css线样式,HR属性
- 2.1 CSS一些常见的属性&&选择器
- 常见CSS属性单词及解释
- 关于Linu型的一些基础常见操作命令(三)——文件属性操作
- 表格 CSS(不换行) HTML <td> 标签的 nowrap 属性
- css写表格 table的高级属性
- 关于Js、jq css html常用属性的笔记
- CSS列表和表格的相关属性
- CSS属性分类扫描-关于文本属性
- 关于cssText属性
- 2013年初次接触PHP网站快速开发(1):关于css表格td凌乱的原因探讨及分析
- 关于表格溢出显示省略号的css解决方法
- 关于css中opacity 与 background 属性的ie6-8的兼容问题
- CSS中的常见属性