CSS复习之用CSS设置表格样式

时间:2024-03-23 18:37:54

今日目录:

        1、设置表格的边框

        2、设置表格的宽度

        3、设置表格隔行还色

        4、设置表格列样式

        5、设置鼠标经过时变色效果

一、设置表格的边框

Border:设置表格边框;
Border-collapse:设置边框分离,合并 默认是 separate(分离) collapse 合并;
Border-spacing :设置单元格的间距;
Padding:设置单元格内容和边框之间的距离;
CSS复习之用CSS设置表格样式

二、设置表格的宽度

Table-layout
默认 auto 自动方式,根据单元格的内容自动调整宽度;
Fixed 固定方式 表格宽度固定;
CSS复习之用CSS设置表格样式

三、设置表格隔行还色

CSS复习之用CSS设置表格样式

四、设置表格列样式

CSS复习之用CSS设置表格样式

五、设置鼠标经过时变色效果

CSS复习之用CSS设置表格样式

添加小编微信可以获取免费资源,二维码

CSS复习之用CSS设置表格样式


要用到的工具,关注公众号直接免费获取

CSS复习之用CSS设置表格样式