html Table合并行和列

当前位置 : 首页 > 网页制作 > CSS > html Table合并行和列

html Table合并行和列

来源: 作者: 时间:2016-01-20 09:22
!DOCTYPE htmlhtmlheadtitle我的第四个页面/titlemeta charset=utf-8 /headbodytable border=1 bordercolor=red width=500 align=center cellpadding=10 cellspacing=10 ...
<!DOCTYPE >
<html>
<head>
<title>我的第四个页面</title>
<meta charset=utf-8 >
</head>
<body>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/2.jpg">
<tr>
<td colspan="2" align="center" valign="middle">第一行第一列和第二列</td><!-- colspan:合并列 -->
</tr>
<tr>
<td align="center" valign="middle">第二行第一列</td>
<td align="center" valign="middle">第二行第二列</td>
</tr>
</table>
<br/>
<br/>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/1.jpg">
<tr>
<td rowspan="2" align="center" valign="middle">第一行第一列和第二行第一列</td><!-- rowspan:合并行 -->
<td align="center" valign="middle">第一行第二列</td>
</tr>
<tr>
<td align="center" valign="middle">第二行第二列</td>
</tr>
</table>
</body>
</html>
 
Tag:
网友评论

<