学科分类
目录
HTML5+CSS3

<td>标签的属性

通过对行标签<tr>应用属性,可以控制表格中一行内容的显示样式。但是,在网页制作过程中,想要对某一个单元格进行控制,就需要为单元格标签<td>定义属性,其常用属性如表1所示。

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

属性名 含义 常用属性值
width 设置单元格的宽度 像素
height 设置单元格的高度 像素
align 设置单元格内容的水平对齐方式 left、center、right
valign 设置单元格内容的垂直对齐方式 top、middle、bottom
bgcolor 设置单元格的背景颜色 预定义的颜色值、十六进制#RGB、rgb(r,g,b)
background 设置单元格的背景图像 url地址
colspan 设置单元格横跨的列数(用于合并水平方向的单元格) 正整数
rowspan 设置单元格竖跨的行数(用于合并竖直方向的单元格) 正整数

表1中列出了<td>标签的常用属性,其中大部分属性与<tr>标签的属性相同。与<tr>标签不同的是,可以对<td>标签应用width属性,用于指定单元格的宽度,同时<td>标签还拥有colspan和rowspan属性,用于对单元格进行合并。

除了竖直相邻的单元格可以合并外,水平相邻的单元格也可以合并。

想合并哪些单元格就注释或删除它们,并在预留的单元格中设置相应地colspan或rolspan值,这个值即为预留单元格水平合并的列数或竖直合并的行数。

注意:

1、在<td>标签的属性中,重点掌握colspan和rolspan。其他的属性了解即可,不建议使用,这些属性均可用CSS样式属性替代。

2、当对某一个<td>标签应用width属性设置宽度时,该列中的所有单元格均会以设置的宽度显示。

3、当对某一个<td>标签应用height属性设置高度时,该行中的所有单元格均会以设置的高度显示。

点击此处
隐藏目录