CSS3帶來了許多新特性和樣式,其中之一是它可以讓表格變得非常漂亮。在以前,表格看起來總是很無趣,但現在,使用CSS3樣式,設計師可以創造出來自然而然的表格,減少了網站的外觀和感覺的平凡。
table {
border-collapse: collapse;
width: 100%;
}
thead {
background-color: #17202a;
color: #fff;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
td:first-child {
border-left: 1px solid #d1d1d1;
}
td:last-child {
border-right: 1px solid #d1d1d1;
}
th:first-child {
border-left: 1px solid #fff;
}
th:last-child {
border-right: 1px solid #fff;
}
以上代碼是一個表格樣式的例子,包括統一的表頭顏色、行間隔的灰色背景、交替顯示行、對齊左對齊、左右邊框。 這樣的表格樣式可以非常容易地適應你的網站主題和風格。
上一篇css3好看的背景
下一篇css js屬于哪一類