<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="style/01_06_padding.css">
</head>
<body>
1.box：150*150
<div id="p1">我是內容，我外面是box，嘿嘿。。 </div>
<hr />
2.box：150*150........padding:30px
<div id="p2">我是內容<br />（我好像胖了30px，把box擠大了.....）</div>
<hr />
3.box：90*90..........padding：30px
<div id="p3">box，你回到原來那樣吧..<br />我還是想念原來那個你..</div>
儘管回到了原來，但是我們之間還是有了距離。。。
</body>
</html>
div{
font-size: 10px;
}
#p1{
width: 150px;
height: 150px;
background: #50CA65;
border:solid red 1px;
}
#p2{
width: 150px;
height: 150px;
background: #50CA65;
border:solid red 1px;
padding:30px;
}
#p3{
width: 90px;
height: 90px;
background: #50CA65;
border:solid red 1px;
padding:30px;
}
![]()
