热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

一看就会的CSS讲解(六)CSS设置表格样式

1:设置表格的边框Border:设置表格边框;Border-collapse:设置边框分离,合并默认是separate(分离)collapse合并;Border-spacing:设

1:设置表格的边框

Border:设置表格边框;

Border-collapse:设置边框分离,合并 默认是 separate(分离) collapse 合并;

Border-spacing :设置单元格的间距;

Padding:设置单元格内容和边框之间的距离;

一看就会的CSS讲解(六)CSS 设置表格样式

2:设置表格的宽度

Table-layout:设置宽度

默认 auto 自动方式,根据单元格的内容自动调整宽度;

比方输入1111,宽度为50,属性设为auto后,输入111111111会自动添加宽度。

Fixed 固定方式 表格宽度固定,无法改变。

一看就会的CSS讲解(六)CSS 设置表格样式

3:设置表格隔行换色

把所有的基数行或者者所有的偶数行变换颜色

4:设置鼠标经过时行变色效果

CSS内置的一个属性:HOVER

一看就会的CSS讲解(六)CSS 设置表格样式


推荐阅读
author-avatar
不常用的小小号
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有