表格属性
表格边框
指定CSS表格边框,使用border属性
1 | table,td{ |
2 | border:1px solid black; |
3 | } |
折叠边框
border-collapes属性设置表格的边框是否被折叠成一个单一的边框或隔开
1 | table{border-collapse:collapse;} |
2 | table,td{border:1px solid black;} |
表格宽度和高度
width和height属性定义表格的宽度和高度
1 | table{width:100%;} |
2 | td{height:50px;} |
表格文字对齐
表格中的文本对齐和垂直对齐属性
text-align属性设置水平对齐方式,向左,向右,或中心
1 | td{text-align:right;} |
垂直对齐属性设置垂直对齐
1 | td{height:50px;verticale-align:bottom;} |
表格填充
如果在表的内容中空格之间的边框,应td和th的填充属性
1 | td{padding:15px;} |
表格颜色
指定边框的颜色和th元素的文本颜色和背景颜色
1 | table,td,th{border:1px solidgreen;} |
2 | td{background-color:green;color:red;} |