今日目录:
1、设置表格的边框
2、设置表格的宽度
3、设置表格隔行还色
4、设置表格列样式
5、设置鼠标经过时变色效果
一、设置表格的边框
Border:设置表格边框;
Border-collapse:设置边框分离,合并 默认是 separate(分离) collapse 合并;
Border-spacing :设置单元格的间距;
Padding:设置单元格内容和边框之间的距离;
Border-collapse:设置边框分离,合并 默认是 separate(分离) collapse 合并;
Border-spacing :设置单元格的间距;
Padding:设置单元格内容和边框之间的距离;

二、设置表格的宽度
Table-layout
默认 auto 自动方式,根据单元格的内容自动调整宽度;
Fixed 固定方式 表格宽度固定;
默认 auto 自动方式,根据单元格的内容自动调整宽度;
Fixed 固定方式 表格宽度固定;

三、设置表格隔行还色

四、设置表格列样式

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

添加小编微信可以获取免费资源,二维码
要用到的工具,关注公众号直接免费获取: