tr表格是HTML中常用的標簽之一，用于創建表格和在表格中添加行數據，而CSS則是用于樣式控制的語言，可以讓我們更好地控制網頁的展示效果。下面，我們就來學習一下如何將CSS應用到tr表格中，讓表格看起來更加美觀而不失簡潔。

<table>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>30</td>
</tr>
</table>

上面的代碼展示了一個簡單的tr表格，包含姓名、性別、年齡三個字段，我們可以通過CSS來對其進行美化。下面是一個簡單的代碼示例。

table {
border: 1px solid #ccc;
border-collapse: collapse;
width: 100%;
}
th, td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
th {
background-color: #f2f2f2;
color: #333;
}
tr:nth-child(odd) {
background-color: #f9f9f9;
}

在上面的代碼中，我們通過設置表格的邊框、內邊距、文字對齊等屬性來美化表格，在某些情況下，我們也可以通過CSS來控制表格的行和列表現。例如在上述代碼中，我們通過nth-child選擇器來讓奇數行的背景色變淺，以便于用戶更好地區分表格內容。

總之，在日常使用中，我們應該注重CSS的應用，讓我們的網頁呈現更加整潔美觀的效果。