css table设置边框_HTML之CSS表格

CSS 表格属性可以帮助您极大地改善表格的外观。

表格边框

指定CSS表格边框，使用border属性。

下面的例子指定了一个表格的Th和TD元素的红色边框：

table,th,td｛border: 1px solid red;}

(1)编辑代码

打开记事本，在

标签中加入以下代码，并保存为HTML格式文件。代码如下。

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示。

请注意，上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。

如果需要把表格显示为单线条边框，请使用 border-collapse 属性。

折叠边框

border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开：

table{border-collapse: collapse;}

table,td,th{border: 1px solid red;}

(1)编辑代码

打开记事本，在

标签中加入以下代码，并保存为HTML格式文件。代码如下。

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示。

Table 属性