近年來，隨著互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，各種網(wǎng)頁(yè)設(shè)計(jì)和美化技術(shù)也在不斷更新。其中，炫酷的CSS表格模板就是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的一種元素。

table {
border-collapse: collapse;
width: 100%;
max-width: 800px;
margin: 0 auto;
font-size: 1.2rem;
line-height: 2;
}
thead {
background-color: #f9f9f9;
font-weight: bold;
}
th, td {
padding: 0.5rem;
text-align: left;
vertical-align: middle;
border: 1px solid #ddd;
}
tbody tr:hover {
background-color: #f5f5f5;
}
tbody tr:nth-child(even) {
background-color: #f2f2f2;
}

這段代碼是一個(gè)簡(jiǎn)單的CSS表格模板，通過對(duì)表格的樣式進(jìn)行調(diào)整，可以使得網(wǎng)頁(yè)呈現(xiàn)出更加炫酷的效果。

首先，這段代碼中的table元素設(shè)置了邊框合并、最大寬度、居中以及字體大小和行高等基本樣式。

接著，thead元素定義了表頭的背景色和字體加粗等樣式。

然后，th和td元素設(shè)置了單元格的內(nèi)邊距、水平對(duì)齊方式、垂直對(duì)齊方式和邊框樣式等基本樣式。

最后，tbody tr:hover元素定義了鼠標(biāo)懸停時(shí)的背景色，tbody tr:nth-child(even)元素定義了奇數(shù)行的背景色。

通過以上的樣式設(shè)置，可以輕松制作出一個(gè)簡(jiǎn)單但炫酷的CSS表格模板。