在 CSS 中,有許多可用于設置表格外觀的屬性。下面介紹一些最有用的屬性。
# 表格邊框
如果您想要表格帶邊框,可以使用 `border` 屬性。這個屬性需要一個值,它可以是一個像素值,也可以是一個 CSS 關鍵字,例如 `solid` 或 `dotted`。
pre {
border: 1px solid black;
}
# 單元格填充
單元格填充屬性 `padding` 可以控制單元格中內容與單元格邊界的距離。這個屬性需要一個值,它可以是一個像素值或是一個百分數值。
pre {
padding: 10px;
}
# 單元格邊框
類似于表格邊框屬性,`border` 屬性也可以用于單元格,以控制單元格的邊框。
pre {
border: 1px solid black;
}
# 單元格背景
單元格背景屬性 `background-color` 可以設置單元格的背景色。這個屬性的值可以是任何 CSS 顏色。
pre {
background-color: lightgray;
}
# 表頭樣式
表格的表頭通常需要特殊的樣式,以使其與表格中的其他單元格分開。為此,我們可以使用 `thead`、`th` 元素和 CSS 來設置表頭樣式。
pre {
thead {
background-color: gray;
color: white;
}
th {
border: 1px solid black;
padding: 10px;
}
}
這些是 CSS 中常用的表格屬性。使用這些屬性以及其他更多屬性,您可以輕松地調整表格的外觀,并使其更加美觀和易于閱讀。
上一篇css中表格邊框線