07CSS表格
CSS表格
表格边框
如需在 CSS 中设置表格边框,请使用 border 属性。
table, th, td
{
border: 1px solid blue;
}
折叠边框
border-collapse 属性设置是否将表格边框折叠为单一边框:
table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}
表格宽度和高度
通过 width 和 height 属性定义表格的宽度和高度。
下面的例子将表格宽度设置为 100%,同时将 th 元素的高度设置为 50px:
table
{
width:100%;
}
th
{
height:50px;
}
表格文本对齐
text-align 和 vertical-align 属性设置表格中文本的对齐方式。
text-align 属性设置水平对齐方式,比如左对齐、右对齐或者居中:
td
{
text-align:right;
}
vertical-align 属性设置垂直对齐方式,比如顶部对齐、底部对齐或居中对齐:
td
{
height:50px;
vertical-align:bottom;
}
表格内边距
如需控制表格中内容与边框的距离,请为 td 和 th 元素设置 padding 属性:
td
{
padding:15px;
}
表格颜色
下面的例子设置边框的颜色,以及 th 元素的文本和背景颜色:
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
border-collapse
设置是否把表格边框合并为单一的边框。
border-spacing
设置分隔单元格边框的距离。
caption-side
设置表格标题的位置。
empty-cells
设置是否显示表格中的空单元格。
table-layout
设置显示单元、行和列的算法。
最新文章
- 04.移动先行之谁主沉浮----XAML的探索
- Hibernate的save()和persist()的区别
- 当执行sudo时提示“is not in the sudoers file”的解决方案:
- eclipse插件Maven添加依赖查询无结果的解决方法(Select Dependency doesn't work)
- jquery audio player
- P1079 Vigenère 密码
- 用JavaScript将Canvas内容转化成图片的方法
- 这几天有django和python做了一个多用户博客系统(可选择模板)
- 验证Oracle收集统计信息参数granularity数据分析的力度
- 【编程笔记】Unity3D语言的类型系统--C#的类型系统
- HTTP协议扫盲(三)HTTP协议的请求头列表和分类描述
- Day9 进程同步锁 进程队列 进程池 生产消费模型 进程池 paramike模块
- (模拟) codeVs1160 蛇形矩阵
- MVC基本登陆与验证码功能实现
- Mysql数据存在更新,不存在则插入的实现
- Fiddler导出Jmeter脚本
- JS设置CSS样式的集中方式
- [THUSC2017]巧克力[斯坦纳树、随机化]
- Python3基础 str 通过拆分字符串与插入新的内容形成新的字符串
- uva-639-枚举
热门文章
- BZOJ3669(NOI2014):魔法森林 (LCT维护最小生成树)
- appium学习【四】:第一个appium脚本
- Identity 更改密码的几种方式
- svn报错:privious operation has not finshed;run 'cleanup' if it was interrupted
- java数组与字符串相互转换、整型与字符串相互转换【详解】
- bzoj 2005: [Noi2010]能量采集【莫比乌斯反演】
- bzoj 1597: [Usaco2008 Mar]土地购买【斜率优化】
- 洛谷P2254 [NOI2005]瑰丽华尔兹(单调队列)
- 51nod1127 最短的包含字符串 尺取法
- 逆序数 UVALive 6508 Permutation Graphs