HTML表格

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表格</title>
</head>
<body>
	<table border="6" width="500px" bgcolor="#f2f2f2" cellspacing="0" cellpadding="5" align="center">
		<caption>前端工程师平均工资</caption>
		<tr bgcolor="#d8e4bc">
			<th rowspan="2">城市</th>
			<th colspan="2">2014</th>
			
			<th rowspan="2">2015</th>
			<th rowspan="2">2016</th>
		</tr>
		<tr bgcolor="#d8e4bc" >
			
			<th>上半年</th>
			<th>下半年</th>
			
			
		</tr>
		<tr align="center" valign="middle" >
			<td bgcolor="b8cce4">北京</td>
			<td>8000</td>
			<td>9000</td>
			<td>10000</td>
			<td>12000</td>
		</tr>
		<tr align="center" valign="middle" >
			<td bgcolor="b8cce4">上海</td>
			<td>6000</td>
			<td>7000</td>
			<td>8000</td>
			<td>10000</td>
		</tr>
		<tr align="center" valign="middle" >
			<td bgcolor="b8cce4">合计</td>
			<td>7000</td>
			<td>8000</td>
			<td>90000</td>
			<td>11000</td>
		</tr>
	</table>
</body>
</html>

  

HTML表格

上一篇:50 | 深入浅出网站高可用架构设计


下一篇:KAL1 LINUX 官方文档之kali nethunter文档 --- 安装NetHunter