CSS—表格

表格

表格的 常用属性
边距属性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、适用于确定每列大小时使用

反面教材


  

改正后


     

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

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值