H5-22 表格属性

使用CSS可以使HTML表格美观

1、表格边框

　　指CSS表格边框，使用border属性

        table,td{

 　　　　border: 1px solid red;

　　}

2、折叠边框

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

        table,td{ 

　　　　border: 1px solid red;

　　}

        table{

　　　　border-collapse: collapse;

　　}

 　　

3、表格宽度和高度

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

　　table{width:100%;}

　　td{height:50px;}

 4、表格的文字对齐

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

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

　　td{text-align:right;}

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

　　td{height：50px；vertical-align：bottom;}

5、表格填充

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

　　td{padding:15px;}

 

6、表格颜色

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

　　table，td，th{border：1px solid green;}

　　td{background-color:green;color:white;}