css清除table样式,经常使用的两个清爽的table样式

附上两个我经常使用的table样式：

 

复制代码代码如下:

body,table{

font-size:12px;

}

table{

table-layout:fixed;

empty-cells:show;

border-collapse: collapse;

margin:0 auto;

}

td{

height:30px;

}

h1,h2,h3{

font-size:12px;

margin:0;

padding:0;

}

.table{

border:1px solid #cad9ea;

color:#666;

}

.table th {

background-repeat:repeat-x;

height:30px;

}

.table td,.table th{

border:1px solid #cad9ea;

padding:0 1em 0;

}

.table tr.alter{

background-color:#f5fafe;

}

学号	姓名	平时	期中	实验(践)	其它	期末	总评
1	1	1	1	1	1	1	1
2	2	2	2	2	2	2	2

复制代码代码如下:

.table

{

width: 100%;

padding: 0;

margin: 0;

}

th {

font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

color: #4f6b72;

border-right: 1px solid #C1DAD7;

border-bottom: 1px solid #C1DAD7;

border-top: 1px solid #C1DAD7;

letter-spacing: 2px;

text-transform: uppercase;

text-align: left;

padding: 6px 6px 6px 12px;

background: #CAE8EA no-repeat;

}

td {

border-right: 1px solid #C1DAD7;

border-bottom: 1px solid #C1DAD7;

background: #fff;

font-size:14px;

padding: 6px 6px 6px 12px;

color: #4f6b72;

}

td.alt {

background: #F5FAFA;

color: #797268;

}

th.spec,td.spec {

border-left: 1px solid #C1DAD7;

}

/*---------for IE 5.x bug*/

html>body td{ font-size:14px;}

tr.select th,tr.select td

{

background-color:#CAE8EA;

color: #797268;

}

选择	课程名称	课程编号	已经考试次数
1	1	1	1
2	2	2	2
3	3	3	3