盒子模型 - 论坛 - Powered by Discuz!

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>盒子模型</title>
<style>
*{ margin:0px;padding:0px}
.box1,.box2,.box3{ background:#F00; width:500px; padding:100px; padding-right:50px;margin:0 auto}
.box1{ background:#F00}
.box2{ background:#0F0;margin:30px 20px; margin-top:50px}
.box3{ background:#FF0}
p{ background:#FF0; margin:0px}
h1{ background:#900; margin:0px}
h2{ background:#0FF}
body{ margin:0px}
.all{ background:#000; height:500px; width:1000px;margin:50px auto}
.all .abc{ height:300px; width:300px; background:#00F; margin: 0 auto}
</style>
</head>
<body>
<p>勤学善思</p>
<h1>勤学善思</h1>
<p>勤学善思</p>
<h2>勤学善思</h2>
<div class="all">
<div class="abc">
</div>
</div>
<div class="box1">勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网</div>
<div class="box2">勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网</div>
<div class="box3">勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网学网勤学网勤学网</div>
</body>
</html>

复制代码