码迷,mamicode.com
首页 > Web开发 > 详细

CSS-10-内边距

时间:2019-07-27 14:27:30      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:元素   oct   使用   charset   text   检索   title   bsp   type   

 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-内边距

标签:元素   oct   使用   charset   text   检索   title   bsp   type   

原文地址:https://www.cnblogs.com/qinqin-me/p/11254885.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!