CSS樣式表在網(wǎng)頁設(shè)計中起著重要作用,可以幫助我們設(shè)置表格的樣式,包括背景色。下面來講講如何使用CSS設(shè)置表格背景色。
/* 設(shè)置表格外邊距及邊框 */ table { margin: 20px auto; border-collapse: collapse; border: 1px solid #ccc; } /* 設(shè)置表頭的背景色 */ th { background-color: #333; color: #fff; } /* 設(shè)置表格單元格的背景色 */ td { background-color: #f0f0f0; }
首先,我們需要設(shè)置表格的外邊距和邊框樣式。這里我們將表格居中顯示,并設(shè)置1像素的實線邊框及折疊效果。
接下來,我們可以使用CSS設(shè)置表頭和表格單元格的背景色。表頭的背景色設(shè)置為深灰色(HEX值為#333),文本顏色為白色。表格單元格的背景色設(shè)置為淺灰色(HEX值為#f0f0f0)。設(shè)置結(jié)束后,表格將變得美觀易讀。
以上就是CSS設(shè)置表格背景色的簡介,期望本篇文章能給初學(xué)者帶來一些幫助。