太阳花工作室
html中div的padding属性
post by:sunshine 2013-5-15 10:51

padding属性的书写格式总共有以下几种:

  1. padding:10px; 意思是上下左右值全是10px
  2. padding:5px 10px; 意思是上下为5px,左右为10px; 
  3. padding:1px 2px 3px 4px; 这个写法意思是:上为1px,右为2px,下为3px,左为4px 
  4. padding:5px 10px 7px; 这种写法意思是:上为5px,左右为10px,下为7px 

 (注意:padding后面4个值定义的顺序分别为:上 右 下 左) 而padding-top或者padding-bottom这种写法,只是单方面的定义了一个方向的值,这样写会增加CSS代码的长度,增加CSS样式的代码量,拖慢页面的加载速度。