HTML中的table标签属性

table标签属性

下列标签属性一般不建议使用，而是通过样式属性来实现

1.border标签属性：设定围绕表格的边框的宽度。实际上border标签属性不仅设置围绕表格边框的宽度，还为每个单元格添加宽度为1px的边框；

实际开发中不建议使用border标签属性实现边框效果，建议通过为table、th和td设定border样式属性实现。

代码如下：

2.width标签属性：设定表格的宽度，该标签属性属性值如下：

不建议通过width标签属性设置表格宽度，建议向table标签添加width样式属性进行设置。

代码如下：

3.align标签属性：指定表格相对于周围标签的对齐方式，该标签属性属性值如下：

不建议通过align标签属性设置表格相对于周围标签的对齐方式，建议向table标签添加样式属性进行设置：

a.实现左右对齐可以通过float样式属性实现

b.居中对齐可以通过margin样式属性实现：margin: 0 auto;

代码如下：

4.cellspacing 标签属性：设定单元格之间的间距（单位：px）。

不建议通过cellspacing标签属性设置单元格之间的间距，建议向table标签添加border-spacing样式属性进行设置

代码如下：

5.cellpadding标签属性：设定单元边沿与单元内容之间的间距（单位：px）

不建议通过cellpadding标签属性设置单元边沿与单元内容之间的间距，建议向td或th标签添加padding样式属性来实现

6.bgcolor标签属性：设置表格背景颜色，属性值如下:

不建议通过bgcolor标签属性设置表格背景颜色，建议向table标签添加background-color样式属性实现这一效果

7.border-collapse样式属性：设置表格的边框是否被合并为一个单一的边框，属性值如下：

代码如下：

用标签属性完成一个普通表格，代码如下：

显示效果如下：

上述代码一般不使用，通过为table、th和td设定样式属性实现，代码如下：

标签属性和样式属性都能实现基本功能，但如果同时存在，样式属性会覆盖标签属性。