html+css > table 标签使用

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="" type="text/css" />
    <script type="text/javascript" src=""></script>
</head>
<body>
<table width="100%" height="100%" cellspacing="0" cellpadding="10" border="1">
	<tr >
		<td width="50%">姓名</td><td>年龄</td><td>职业</td>
	</tr>
	<tr>
		<td >张3</td><td>33</td><td>司机</td>
	</tr>
	<tr>
		<td colspan="3" align="center" bgcolor="red">李4</td>
	</tr>
	<tr>
		<td rowspan="2" align="center" bgcolor="blue">李4</td><td>33</td><td>司机</td>
	</tr>
	<tr>
		<td >张3</td><td>33</td>
	</tr>
</table>



table
tr
td
width //宽度
height //高度
border //边框
cellspacing  //单元格之间的空白
cellpadding //边框与内容的空白
align //对齐方式
colspan //合并对应行(横向)的表格
rowspan //合并对应列(纵向)的表格

</body>
</html>

 

 

 

你可能感兴趣的:(table)