<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>表格练习</title>
</head>
<body>
<table border="1px" width="600px" height="400px" cellspacing="0px" align="center" background="as.jpg" >
<!--默认情况下,背景图会自动平铺重复-->
<tr height="0px" align="center">
<td height="50px" align="right" valign="top" colspan="2"> 1</td>
<!--align水平对齐,center居中,right至右,valign垂直对齐,top最顶,middle中间,bottom下面,优先级,table大于td大于tr-->
<td height="50px" align="right" valign="top">2</td>
</tr>
<tr height="50px" align="center">
<td rowspan="2"> 3</td>
<td> 4</td>
</tr>
<tr height="50px" align="center">
<td> 5</td>
</tr>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="梁彩霞">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>表格练习</title>
</head>
<body>
<table border="1px" width="600px" height="400px" cellspacing="0px" align="center" background="as.jpg" >
<!--默认情况下,背景图会自动平铺重复-->
<tr height="0px" align="center">
<td height="50px" align="right" valign="top" colspan="2"> 1</td>
<!--align水平对齐,center居中,right至右,valign垂直对齐,top最顶,middle中间,bottom下面,优先级,table大于td大于tr-->
<td height="50px" align="right" valign="top">2</td>
</tr>
<tr height="50px" align="center">
<td rowspan="2"> 3</td>
<td> 4</td>
</tr>
<tr height="50px" align="center">
<td> 5</td>
</tr>
</table>
<!--colspan单元格跨列,rowspan单元格跨行,跨时要注意多出来的格子要删去-->
</body></html>