CSS是網頁設計中必不可少的一部分,可以為網頁添加各種各樣的樣式效果,讓網頁更加美觀、易于閱讀。本文將介紹如何使用CSS為表格的第一列添加底色。
table{ border-collapse:collapse; } td{ border:1px solid #aaa; padding:10px; } td:first-child{ background-color:#ececec; }
以上代碼中,我們使用了CSS的:first-child偽類,表示選中表格中的第一個
為了更好地說明該代碼的效果,我們來看一個簡單的HTML表格:
姓名 | 年齡 | 職業(yè) | 家鄉(xiāng) |
張三 | 25 | 工程師 | 北京 |
李四 | 30 | 設計師 | 上海 |
通過以上代碼和CSS樣式,我們可以為該表格的第一列(姓名、李四)添加了灰色背景色,讓表格更加美觀、易于辨認。