在網(wǎng)頁(yè)設(shè)計(jì)中,表格是重要的頁(yè)面布局方式之一。而為了能夠更好地突出表格內(nèi)容,我們可以嘗試使用深色的CSS樣式來(lái)美化表格。
table{ border-collapse:collapse; width:100%; background-color:#333; color:#fff; font-size:16px; font-family:Arial, sans-serif; } table th, table td{ padding:12px; text-align:center; border:1px solid #777; } table th{ background-color:#222; } table tr:nth-child(even){ background-color:#444; } table tr:hover{ background-color:#555; }
以上代碼是一個(gè)簡(jiǎn)單的深色表格樣式代碼,其中我們使用了背景顏色為#333的整個(gè)表格。表頭使用了#222的深色背景,并設(shè)置了白色文字顏色。表格的邊框?yàn)?777,表格每行基數(shù)行背景為#444,基偶相間的偶數(shù)行背景為#555。這樣的配色方案能夠讓表格內(nèi)容更加突出,給用戶帶來(lái)更好的閱讀體驗(yàn)。