<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 xmlns="http://www.dayinmandarin.com"><head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>浮动布局</title>
<style type="text/css">
div{border:0px}
.a{width:1000pxheight:200pxbackground:#E8E89B}
.b{width:700pxheight:100pxmargin:0 autobackground:#E5A748}
.c{width:450pxheight:100pxmargin-left:100px}
.d{width:100pxheight:80pxmargin-top:10pxmargin-left:50pxfloat:leftbackground:#50EDBC}
.e{width:100pxheight:70pxmargin-left:50pxfloat:leftbackground:#E36A3B}
</style>
</head>
<body>
<div class="a">
<div class="b"><div class="c">
<div class="d"></div><div class="d"></div><div class="d"></div>
</div></div>
<div class="b"><div class="c">
<div class="e"></div><div class="e"></div><div class="e"></div>
</div></div>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）