在HTML中,可以使用CSS樣式來(lái)設(shè)置表格的粗細(xì)。
table { border-collapse: collapse; border-spacing: 0; } td, th { border: 1px solid #000000; padding: 8px; text-align: center; }
上述代碼將表格的邊框?qū)挾仍O(shè)置為1像素,顏色為黑色。同時(shí),還設(shè)置了單元格內(nèi)的padding(即單元格內(nèi)邊距)為8像素,讓表格看起來(lái)更美觀。
除了上述代碼,還可以使用其他的CSS樣式來(lái)美化表格,比如:
/*設(shè)置表格背景顏色*/ table { background-color: #f1f1c1; } /*設(shè)置表頭的背景顏色*/ thead { background-color: #333; color: #fff; } /*設(shè)置單數(shù)行的背景顏色*/ tr:nth-child(odd) { background-color: #f2f2f2; } /*設(shè)置鼠標(biāo)懸停時(shí)的背景顏色*/ tr:hover { background-color: #ddd; }
以上CSS樣式可以讓表格更加具有美感,更清晰明了地展示數(shù)據(jù)。當(dāng)然,你還可以根據(jù)自己的需求設(shè)置表格的樣式。