CSS是一種用于樣式化網(wǎng)頁(yè)的語(yǔ)言,可以很方便地設(shè)置表格的格式。下面將介紹幾種常用的CSS設(shè)置表格格式的方法。
table{ border-collapse: collapse; /*單元格邊框合并*/ } td{ border: 1px solid #000; /*單元格邊框*/ padding: 5px; /*單元格內(nèi)邊距*/ text-align: center; /*單元格文本居中*/ }
上面的代碼可以讓所有表格單元格的邊框合并,并設(shè)置單元格邊框?yàn)?像素的黑色實(shí)線,內(nèi)邊距為5像素,并且所有文本居中顯示。
tr:nth-child(odd){ background-color: #f2f2f2; /*奇數(shù)行背景色*/ }
這段代碼可以設(shè)置表格隔行變色,將奇數(shù)行的背景色設(shè)置為灰色。
th{ background-color: #4CAF50; /*表頭背景色*/ color: white; /*表頭文本顏色*/ }
如果表格有表頭,可以使用以上代碼設(shè)置表頭的背景色為深綠色,文本顏色為白色。
當(dāng)然,CSS還可以實(shí)現(xiàn)更多樣的表格格式設(shè)置,大家可以根據(jù)需求靈活運(yùn)用。