码迷,mamicode.com
首页 > 其他好文 > 详细

padding

时间:2016-02-28 21:13:00      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

 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>

 

padding

标签:

原文地址:http://www.cnblogs.com/hduhdc/p/5225509.html

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