CSS-10-内边距

Posted 2022-05-20 qinqin-me

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>

以上是关于CSS-10-内边距的主要内容，如果未能解决你的问题，请参考以下文章