-
table的基本格式
这篇里面，写了表格基本用到的标签。但是出于兼容性，不考虑theadtbodytfoot
未修饰的效果 - 依据属性设置表格
-
border
-
**border-spacing **
效果
border-spacing设置边框之间的距离，一个值代表水平边框之间的距离，两个值分别代表水平与垂直之间的距离。
-
border-collapse
效果
border-collapse代表设置是否把表格边框合并为单一的边框。他有两个值，collapse代表边框合并为单一的边框。separate默认值，边框会被分开。
当设置成border-collapse:collapse时，border-spacing会不起作用。
-
-
padding
效果
关于padding的设置同盒子模型。 -
利用之前学的进行修饰
效果 -
文本内容
效果
文本水平对齐：text-align:center、left、right
文本垂直对齐：vertical-align:bottom、middle、top -
标题的位置
caption{caption-side: bottom;}//IE7以前及IE7不支持
标题对齐方式：caption-side: bottom、top(默认) -
空单元格
table,tr,th,td{
border: 2px solid #FFAFA0;
border-collapse: separate;//隐藏空单元格的前提
empty-cells: hide; }
空单元格的显示与否：empty-cells:hide、show（默认）
效果
CSS —表格基本知识
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- css3前缀的使用 CSS3目前很多新增属性尚未被W3C列为标准，对这些暂时未被公布为标准的属性，各家浏览器会在属...
