学科分类
目录
HTML5+CSS3

<table>标签的属性

表格标签包含了大量属性,虽然大部分属性都可以使用CSS进行替代,但是HTML语言中也为<table>标签提供了一系列的属性,用于控制表格的显示样式,具体如表1所示。

表1 <tr>标签的常用属性

属性 描述 常用属性值
border 设置表格的边框(默认border="0"为无边框) 像素
cellspacing 设置单元格与单元格之间的空间 像素(默认为2像素)
cellpadding 设置单元格内容与单元格边缘之间的空间 像素(默认为1像素)
width 设置表格的宽度 像素
height 设置表格的高度 像素
align 设置表格在网页中的水平对齐方式 left、center、right
bgcolor 设置表格的背景颜色 预定义的颜色值、十六进制#RGB、rgb(r,g,b)
background 设置表格的背景图像 url地址

表1中列出了<table>标签的常用属性,对于其中的某些属性,初学者可能不是很理解,接下来将对这些属性进行具体地讲解。

1. border属性

在<table>标签中,border属性用于设置表格的边框,默认值为0。在例7-1中,设置<table>标签的border属性值为1时,出现了图7-1所示的双线边框效果。

值得一提的是,<table>标签的border属性值改变的是外边框宽度,所以内边框宽度仍然为1像素。

注意:

直接使用table标签的边框属性或其他取值为像素的属性时,可以省略单位“px”。

2. cellspacing属性

cellspacing属性用于设置单元格与单元格之间的空间,默认距离为2px。

3. cellpadding属性

cellpadding属性用于设置单元格内容与单元格边框之间的空白间距,默认为1px。

4. width属性和height属性

默认情况下,表格的宽度和高度是自适应的,依靠表格内的内容来支撑,要想更改表格的尺寸,就需要对其应用宽度属性width和高度属性height。

注意:

当为表格标签<table>同时设置width、height和cellpadding属性时,cellpadding的显示效果将不太容易观察,所以一般在未给表格设置宽高的情况下测试cellpadding属性。

5.align属性

align属性可用于定义表格的水平对齐方式,其可选属性值为left、center、right。

需要注意的是,当对<table>标签应用align属性时,控制的是表格在页面中的水平对齐方式,单元格中的内容不受影响。

6. bgcolor属性

在<table>标签中,bgcolor属性用于设置表格的背景颜色。

7. background属性

在<table>标签中,background属性用于设置表格的背景图像。

点击此处
隐藏目录