CSS-10-内边距 - 爱码网

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7             /*内边距*/
 8             /*在使用设置内边距时会改变我们元素的实际大小*/
 9             /*padding:检索或设置对象四边的内部边距;*/
10             /*padding-top:检索或设置对象顶边的内部边距;*/
11             /*padding-right:检索或设置对象右边的内部边距;*/
12             /*padding-bottom:检索或设置对象的下部内边距;*/
13             /*padding-left:检索或设置对象的左部内边距;*/
14             .padding{
15                 width: 200px;
16                 height: 200px;
17                 background-color: burlywood;
18                 padding: 80px;/*四条内边距都是80px*/
19                 
20                 line-height: 200px;
21                 text-align: center;
22             }
23         </style>
24     </head>
25     <body>
26          <div class="padding">Hello World!</div>
27     </body>
28 </html>