CSS設計是網頁設計中不可或缺的一環。有時,需要對表格的單行進行修飾。CSS可以實現對于表格單行的背景色、字體顏色的改變,甚至可以實現對表格單元格的邊框設置等等。下面是關于如何使用CSS來修飾表格單行的說明:
/* 將整張表格的邊框設為1像素 */ table { border: 1px solid #000; } /* 設定表頭的背景色為灰色 */ thead { background-color: #eee; } /* 設定表體中單行的背景色為白色,字體顏色為黑色 */ tbody tr { background-color: #fff; color: #000; } /* 設定表格單元格的邊框為1像素 */ td { border: 1px solid #000; }
以上是一個簡單的CSS樣式設置,可以根據需要進行調整。需要注意的是,CSS樣式的設置要放到頭部head標簽中,否則樣式將不會生效。
對于需要設置表格單行的樣式的網頁,可以在它的頭部head標簽中定義一段CSS樣式,然后通過在html代碼中給表格的
標簽添加一個class來實現樣式和網頁相結合。例如:姓名 | 年齡 | 性別 |
---|---|---|
張三 | 20 | 男 |
李四 | 25 | 女 |
王五 | 21 | 男 |
通過在需要特殊顯示的單行的
上一篇css修改鼠標手勢
下一篇css俱樂部是干嘛的