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>