<body>
<div style="background-color: orangewidth: 100%height: 20%">
</div>
<div style="background-color: greenwidth: 100%height: 60%">
</div>
<div style="background-color: bluewidth: 100%height: 20%">
</div>
</body>
</html>
<DOCTYPE HTML><html>
<head>
<title>一个简单的table</title>
</head>
<body>
<table>
<tr><td style="bgcolor:grayheight:50pxwidth:30%">灰</td>
<td style="bgcolor:redheight:50pxwidth:30%">红</td>
<td style="bgcolor:grayheight:50pxwidth:30%">灰</td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table>
</body>
html的几乎所有标签都默认自带有margin和padding属性，即两个div间和<td>间默认情况下都是有间隙的，那么在样式设置里，加上*{margin:0,padding:0},就可以消除标签自带间隙值了，*表示所有标签。
