Padding属性用法和作用

你对padding属性的用法和作用是否了解，这里和大家分享一下，padding属性又包括四个属性padding-top、padding-right、padding-bottom、padding-left分别作用于上、右、下、左四边。

目前创新互联已为1000+的企业提供了网站建设、域名、雅安服务器托管、成都网站托管、企业网站设计、广平网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

padding属性

1、语法：padding:lenght

2、参数：

（1）lenght：由浮点数字和单位标识符组成的长度值或者百分数。百分数是基于父对象的宽度。请参阅长度单位

3、说明：

设置对象四边的内边距。默认值是0。

如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。

如果只提供一个，将作用于全部的四边。

如果提供两个，第一个作用于上、下，第二个作用于左、右。

如果提供三个，第一个作用于上，第二个作用于左、右，第三个作用于下。

内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。不允许负值。

内边距留白处总是透明的，并且设置内边距会直接影响对象的大小。

对应的脚本特性为：padding。

4、示例：

 
 
 

  
  
  

  
  
  
 
  
  
  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
#left {  
  
  
  
  float:left;  
  
  
  
  margin:0 5px 0 0;  
  
  
  
  width:230px;  
  
  
  
  height:145px;  
  
  
  
  padding:30px 0 0 40px;  
  
  
  
  border:1px #000 solid;  
  
  
  
}  
  
  
  
#right {  
  
  
  
  float:left;  
  
  
  
  margin:0 0 0 5px;  
  
  
  
  width:118px;  
  
  
  
  height:118px;  
  
  
  
  padding:10px 0 0 10px;  
  
  
  
  border:1px #000 solid;  
  
  
  
}  
  
  
  
 #sub_right {  
  
  
  
   float:left;  
  
  
  
   border:1px #000 solid;  
  
  
  
 }  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
这里是内容，对象中的内容到对象边缘的距离是PADDING。  
  
  
  
宽为270像素，高为175像素。但因为设置了内边距的上为30px，  
  
  
  
左为40px所以，要想保持原大小宽就必须减去40px，高减去30px。