padding

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 #box{width:100px;height:100px;background:red;border:10px solid #000; padding:20px 50px 80px 100px;}
 8 #div{width:100px;height:100px;background:blue;}
 9 /*
10 padding 内填充(padding在元素的边框以内，内容之外，padding同样显示元素的背景)
11 padding-top
12 padding-right
13 padding-bottom
14 padding-left
15 
16 可视宽(高):可视宽(高)=border+padding+width(height);
17 */
18 </style>
19 </head>
20 <body>
21 <div id="box">
22     <div id="div"></div>
23 </div>
24 </body>
25 </html>

posted on 2016-02-28 20:15 hduhdc 阅读(144) 评论(0) 收藏举报