好看的table樣式

--20200106新增一個

<style type="text/css">
table {
border-collapse: collapse;
margin: 0 auto;
text-align: center;
}

table td, table th {
border: 1px solid #cad9ea;
color: #666;
height: 30px;
}

table thead th {
background-color: #CCE8EB;
width: 100px;
}

table tr:nth-child(odd) {
background: #fff;
}

table tr:nth-child(even) {
background: #F5FAFA;
}
</style>

 

 

 

收藏個好看的table樣式

<style type="text/css">
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
table.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
table.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
</style>