如何使用多样式CSS 表格

1、表格边框。表格给人的第一印象就是它的边框，这个边框的粗细，这个边框的颜色都是我们要去重点设置的。table, th, td { border: 1px solid blue; }

2、折叠边框。对于整个表格来说，它的内边框是单线条的，也就是我们的折叠边框样式。table { border-collapse:collapse; }table,th, td { border: 1px solid black; }

3、表格形状。对于表格来说，它有一个形状的设定，这就是我们眼里的高与宽。table { width:100%; } th { height:50px; }

4、表格的对齐方式。表格里面是元素，这个元素自然有着对齐方式的声明。td { text-align:right; }td { height:50px; vertical-align:bottom; }

5、表格内边距。表格内部的信息距离表格边框的距离也可以一一设定。td { padding:15px; }

6、表格颜色。作为一个表格元素它有着自己本身的颜色与背痔辏哔刂景颜色，这些也是一一可以声明的。table, td, th { border:1px solid green; }th { background-color:green; color:white; }