在CSS中,經常需要添加一些表格來展示信息。表格背景顏色的設置,可以讓表格更加美觀、易讀。下面是一些CSS代碼示例,演示如何設置表格背景顏色:
/*設置整個表格的背景顏色*/ table { background-color: #f5f5f5; } /*設置表頭的背景顏色*/ th { background-color: #337ab7; color: #fff; } /*設置偶數行的背景顏色*/ tr:nth-child(even) { background-color: #e9e9e9; } /*設置鼠標懸停時的背景顏色*/ tr:hover { background-color: #f2f2f2; }
上面的代碼中,table選擇器用來設置整個表格的背景顏色;th選擇器用來設置表頭的背景顏色以及文字顏色;tr:nth-child(even)選擇器用來設置偶數行的背景顏色;tr:hover選擇器用來設置鼠標懸停時的背景顏色。
以上代碼可以根據實際需求進行修改,以獲得最佳的效果。同時,為了讓代碼更易讀,我們還可以加入適當的注釋。