<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属性用于设置表格的背景图像。