Table布局
原理
table是表格,也可以用来布局网页。可以理解为比较大的单元格,把整个container 布局了。
简单的table布局的代码实现
<head>
<meta charset="UTF-8">
<title>table布局</title>
</head>
<body marginheight="0px" marginwidth="0px">
<table width="100%" height="950px" style="background-color: aquamarine">
<tr>
<td colspan="3" width="100%" height="10%" style="background-color: gold">
这是头部
</td>
</tr>
<tr>
<td width="10%" height="80%" style="background-color: aquamarine">
左菜单
</td>
<td width="80%" height="80%" style="background-color: darkseagreen">
中间主体
</td>
<td width="10%" height="80%" style="background-color: forestgreen">
右菜单
</td>
</tr>
<tr>
<td width="100%" height="10%" colspan="3" bgcolor="#7fff00">
这是底部
</td>
</tr>
</table>
</body>
</html>
简单table布局的展示
感谢观看