<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>盒子模型</title>
<style type="text/css">
#a{
width:420px;
height:572px;
border: solid 1px red;
padding: 20px;
}
#b{
width: 420px;
height: 200px;
border: solid 1px black;
}
#c{
width: 420px;
height: 372px;
border: solid 1px green;
}
#d{
text-align: center;
width: 400px;
height: 352px;
border: solid 1px pink;
margin: 10px;
}
#e{
margin-top: 20px;
font-size: 150px;
text-align: center;
}
</style>
</head>
<body>
<div id="a">
<div id="b">
<p id="e">殺</p>
</div>
<div id="c">
<div id="d">
<img src="Z(9{EP2I081WMBOFJBKD9`H.png">
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>盒子模型</title>
<style type="text/css">
#a{
width:420px;
height:572px;
border: solid 1px red;
padding: 20px;
}
#b{
width: 420px;
height: 200px;
border: solid 1px black;
}
#c{
width: 420px;
height: 372px;
border: solid 1px green;
}
#d{
text-align: center;
width: 400px;
height: 352px;
border: solid 1px pink;
margin: 10px;
}
#e{
margin-top: 20px;
font-size: 150px;
text-align: center;
}
</style>
</head>
<body>
<div id="a">
<div id="b">
<p id="e">殺</p>
</div>
<div id="c">
<div id="d">
<img src="Z(9{EP2I081WMBOFJBKD9`H.png">
</div>
</div>
</div>
</body>
</html>