CSS是一種用于網頁排版的語言,能夠讓我們的網頁變得更加美觀和易讀。表格是網頁排版中一種非常常見的元素,可以用來展示數據或者布局網頁。通過CSS,我們可以為表格的行和邊框設置樣式,使得表格看起來更加美觀。
姓名 | 年齡 | 性別 |
---|---|---|
小明 | 18歲 | 男 |
小紅 | 20歲 | 女 |
在上面的代碼中,我們首先使用了一個HTML表格來展示一些數據。接著,我們使用CSS為表格的行和邊框設置了樣式。
在CSS中,我們首先使用了tr:nth-child(even)
選擇器來選擇表格中的偶數行,并為這些行設置了背景色為灰色。接著,我們使用了table
元素的border-collapse
屬性來將表格的邊框合并。
最后,我們使用了th
和td
選擇器來分別選擇表格中的表頭單元格和數據單元格,并為它們設置了1像素的黑色邊框。
通過這樣的設置,我們可以讓表格看起來更加整潔和美觀。