在網頁設計中,表格是一個經常用到的元素。為了讓表格更加美觀和易讀,我們可以使用CSS來隔行顯示不同顏色。
使用CSS設置隔行顏色很簡單,只需要在CSS文件中添加以下代碼:
tr:nth-child(even){background-color: #f2f2f2}
以上代碼表示選擇表格中偶數行,并將其背景色設置為淺灰色。如果你想使用其他顏色,只需要將顏色值改為你喜歡的顏色即可。
下面是一個完整的CSS代碼示例:
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
</style>
通過以上代碼,你就可以使用CSS來讓表格看起來更漂亮了。