表格属性

表格属性

使用css可以使HTML表格更美观

表格边框

指定CSS表格边框,使用border属性

table,td{
    border:1px solid black;
}

折叠边框

border-collapse属性设置表格的边框是否被折叠成一个单一的边框或隔开

table {border-collapse:collapse;}
table,td {border:1px solid black;}

表格宽度和高度

width和height属性定义表格的宽度和高度

table {width:100%;}
td {height:50px;}

表格文字对齐

表格中的文本对齐和垂直对齐属性

text-align属性设置水平对齐方式,向左,右,或中心

td {text-align:right;}

垂直对齐属性设置垂直对齐

td {height:50px;vertical-align:bottom;}

表格填充

如果在表的内容中控制空格之间的边框,应使用td和th元素的填充属性

td{padding:15px;}

表格颜色

下面的例子指定边框的颜色,和th元素的文本和背景颜色

table,td,th{border:1px solid green;}
td { color:white;}