CSS—表格

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/fjxcsdn/article/details/86663363

表格

表格的 常用属性

边距属性	padding
边框属性	border
尺寸属性	width ，height
文本格式化属性	font-*，text-*，line-height
背景属性	颜色，图片，渐变
vertical-align：单元格数据的垂直对齐方式	取值： top ：上对齐 middle ：居中对齐 bottom ：下对齐

表格的特用属性

边框合并	属性：border-collapse 取值： separate： 默认值，即分离边框模式 collapse：边框合并
边框边距（设置单元格之间或单元格与表格之间的距离）	属性：border-spacing  取值： 1、给定一个值 ：水平和垂直的间距相同 2、给定两个值 ： 第一个值 表示的是水平间距 第二个值 表示的是垂直间距 注意：只有在分离边框模式下，边框边距才有效，即border-collapse:separate时，border-spacing才有效
标题位置	属性：caption-side  取值：  top ：默认值，标题在表格内容之上  bottom ：标题在表格内容之下
显示规则（用来帮助浏览器指定如何布局一张表，也就是指定 td 尺寸的计算方式）	属性：table-layout、 取值： auto：默认值，自动表格布局，列的尺寸实上是由内容来决定的  1、单元格的大小会适应内容  2、表格复杂时，加载速度较慢(缺点)  3、自动表格布局会比较灵活(优点)  4、适用于不确定每列大小时使用  fixed：固定表格布局，列尺寸由设定的值为准的 1、单元格的尺寸取决于设定的值 2、任何情况下都会加速显示表格(优点) 3、固定表格布局不够灵活(缺点) 4、适用于确定每列大小时使用

反面教材

  

改正后

     

表格属性没有事什么可说的，重点学习一下表格的特有属性，如果本篇博客对您的学习有所帮助，记得点赞哦！