2021-01-12 14:02:30 +08:00
|
|
|
<html>
|
2021-01-05 09:18:22 +08:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2021-01-12 14:02:30 +08:00
|
|
|
<title>
|
|
|
|
|
盒子模型
|
|
|
|
|
</title>
|
2021-01-05 09:18:22 +08:00
|
|
|
<style>
|
2021-01-12 14:02:30 +08:00
|
|
|
*{
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:0;
|
|
|
|
|
}
|
|
|
|
|
body{
|
|
|
|
|
text-align:center;
|
|
|
|
|
}
|
|
|
|
|
div{
|
|
|
|
|
width:200px;
|
|
|
|
|
height:200px;
|
|
|
|
|
margin:0 auto;
|
|
|
|
|
}
|
|
|
|
|
#div1{
|
|
|
|
|
margin-top:10px;
|
|
|
|
|
background:red;
|
|
|
|
|
}
|
|
|
|
|
#div11{
|
|
|
|
|
margin-top:20px;
|
|
|
|
|
width:0;
|
|
|
|
|
height:0;
|
|
|
|
|
background:yellow;
|
|
|
|
|
}
|
|
|
|
|
#div12{
|
|
|
|
|
margin-top:30px;
|
|
|
|
|
width:50px;
|
|
|
|
|
height:50px;
|
|
|
|
|
background:blue;
|
|
|
|
|
}
|
2021-01-05 09:18:22 +08:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2021-01-12 14:02:30 +08:00
|
|
|
<div id="div1">
|
|
|
|
|
<div id="div11"></div>
|
|
|
|
|
<div id="div12"></div>
|
2021-01-20 11:25:18 +08:00
|
|
|
|
2021-01-12 14:02:30 +08:00
|
|
|
</div>
|
2021-01-05 09:18:22 +08:00
|
|
|
</body>
|
|
|
|
|
</html>
|
