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

5_常见样式-padding

时间:2017-04-09 13:31:57      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:border   back   div   宽度   color   样式   背景   写法   重叠   

  首先,padding这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。

  注意,padding不允许指定负边距值。

  “padding”内填充(内边距)是在在元素的边框以里,内容以外产生一个距离,用来控制元素和内容之间的距离,且padding区域可以显示元素背景。而元素的可视宽度(即元素可以被看到的部分的宽度),
     可视宽度 = padding + width + border;

  padding的多值写法:
              两个值: (上下) (左右);
              三个值: (上) (左右) (下);
              四个值: (上) (右) (下) (左);
      

    padding-top
    padding-right
    padding-bottom
    padding-left    

 

5_常见样式-padding

标签:border   back   div   宽度   color   样式   背景   写法   重叠   

原文地址:http://www.cnblogs.com/chosen-man/p/6684457.html

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