天天看点

标签之美五——网页表格的设计(二)

4、设置frame="hsides"则只显示上下外边框

<body>

<table cellpadding="50" border="5" frame="hsides"><tr>

<td>第一列</td><td>第二列</td>

</tr></table>

</body>

标签之美五——网页表格的设计(二)

5、设置frame="vsides"则只显示左右外边框

6、单独显示边框的frame值分别为:

上:above

下:below

左:lhs

右:rhs

7、设置表格对齐模式:

水平对齐模式:align

表格的align属性可以设置对齐模式,center,left,right分别对应居中,左对齐,右对齐。

垂直对齐模式:valign

和水平对齐模式相似,这个属性的值为:middle,top,bottom对应了中间对齐,上对齐和下对齐。

四、表格行和列的操作

1、行的合并:rowspan

<table cellpadding="50" border="5" frame="hsides">

<tr>

<td rowspan="2">第一行</td><td>第一行</td>

</tr>

<td>第二行</td>

</table>

标签之美五——网页表格的设计(二)

2、列的合并colspan

<td colspan="2">第一列</td>

标签之美五——网页表格的设计(二)

3、表格的标题标签<caption></caption>

<table cellpadding="50" border="5" frame="hsides" >

<caption>标题</caption>

标签之美五——网页表格的设计(二)

继续阅读