CSS表格是網頁設計中常用的元素，但是如何為表格添加特效呢？這里向大家介紹一種表格翻轉效果。

首先，使用HTML創建一個表格。代碼如下:

<table><tr><th>姓名</th><th>年齡</th><th>性別</th></tr><tr><td>小明</td><td>15</td><td>男</td></tr><tr><td>小紅</td><td>16</td><td>女</td></tr><tr><td>小剛</td><td>14</td><td>男</td></tr></table>

接下來，為表格添加CSS。我們使用transform樣式中的rotateY(180deg)來實現翻轉效果。

table {
width: 80%;
margin: auto;
border-collapse: collapse;
}
th, td {
text-align: center;
padding: 10px;
border: 1px solid #ccc;
transition: transform 0.8s ease-in-out;
}
tr:nth-child(odd) {
background-color: #f2f2f2;
}
tr:hover td {
transform: rotateY(180deg);
}

通過以上代碼，我們完成了表格翻轉效果的添加。當鼠標懸停在表格行上方時，該行的單元格會翻轉180度。我們使用了過渡效果，使得翻轉過程更加自然。同時，我們也為奇數行添加了背景色，使得表格更易于閱讀。

總之，通過以上方法，我們可以為表格添加出彩的特效，提升網頁設計的質量。