HTML 表格邊框

HTML 表格可以具有不同樣式和形狀的邊框。

如何新增邊框

要新增邊框，請在 table、th 和 td 元素上使用 CSS border 屬性。

合併表格邊框

要避免出現上面示例中的雙重邊框，請將 CSS border-collapse 屬性設定為 collapse。

這將使邊框合併為單個邊框。

樣式化表格邊框

如果為每個單元格設定背景色，並將邊框設定為白色（與文件背景色相同），則會產生邊框不可見的印象。

圓角表格邊框

使用 border-radius 屬性，邊框將獲得圓角。

透過從 CSS 選擇器中省略 table 來跳過表格周圍的邊框。

虛線表格邊框

使用 border-style 屬性，您可以設定邊框的外觀。

允許的值如下：

• dotted     
• dashed     
• solid     
• double     
• groove     
• ridge     
• inset     
• outset     
• none     
• hidden     

邊框顏色

使用 border-color 屬性，您可以設定邊框的顏色。