CSS 表格屬性可以幫助您極大地改善表格的外觀。
表格邊框指定CSS表格邊框,使用border屬性。
下面的例子指定了一個表格的Th和TD元素的紅色邊框:
table,th,td{border: 1px solid red;}
(1)編輯代碼
打開記事本,在<body>标簽中加入以下代碼,并保存為HTML格式文件。代碼如下。
(2)在浏覽器中浏覽效果
在浏覽器中浏覽效果如圖所示。
請注意,上例中的表格具有雙線條邊框。這是由于 table、th 以及 td 元素都有獨立的邊框。
如果需要把表格顯示為單線條邊框,請使用 border-collapse 屬性。
折疊邊框border-collapse 屬性設置表格的邊框是否被折疊成一個單一的邊框或隔開:
table{border-collapse: collapse;}
table,td,th{border: 1px solid red;}
(1)編輯代碼
打開記事本,在<body>标簽中加入以下代碼,并保存為HTML格式文件。代碼如下。
(2)在浏覽器中浏覽效果
在浏覽器中浏覽效果如圖所示。
Table 屬性
,