HTML是網(wǎng)頁制作的基礎(chǔ)，而精美的表格則是網(wǎng)頁中不可或缺的元素之一。通過CSS樣式表，我們可以為HTML中的表格增添各種形狀、顏色和樣式，為網(wǎng)頁增添美觀的效果。 下面為大家介紹一些精美的HTML表格CSS代碼：

1. 表格背景色漸變：

table {
background-image: linear-gradient(to bottom, #fff, #f1f1f1, #e3e3e3, #d6d6d6, #c8c8c8);
}

2. 表格邊框樣式和顏色：

table {
border-top: 2px solid #ccc;
border-left: 2px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

3. 表頭樣式：

table th {
background-color: #ddd;
color: #333;
font-weight: bold;
text-align: center;
border: 1px solid #ccc;
}

4. 表格鼠標(biāo)懸停變色：

table tr:hover {
background-color: #f5f5f5;
}

5. 奇偶行顏色不同：

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

6. 單元格對(duì)齊方式：

table td {
text-align: center;
vertical-align: middle;
}

7. 單元格間距：

table {
border-collapse: separate;
border-spacing: 10px;
}

8. 禁止文本溢出單元格：

table td {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

這些CSS代碼可以根據(jù)需要進(jìn)行組合，創(chuàng)造出更加精美的HTML表格，提高網(wǎng)頁的美觀度和使用性。在使用CSS樣式表的時(shí)候，需要注意遵循CSS語法規(guī)范和HTML標(biāo)記的正確使用方法，以保證樣式表與HTML的正確匹配和使用。