你對CSS中padding-top和padding-left 屬性的用法是否了解，這里和大家分享一下兩者的區(qū)別，相信本文介紹一定會讓你有所收獲。

CSS 中padding-top和padding-left 屬性的區(qū)別

CSS padding-top屬性

定義和用法

padding-top屬性設(shè)置元素的上內(nèi)邊距（空間）。

說明

該屬性設(shè)置元素上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的上內(nèi)邊距不會影響行高計算，因此，如果一個元素既有內(nèi)邊距又有背景，從視覺上看可能延伸到其他行，有可能還會與其他內(nèi)容重疊。不允許指定負內(nèi)邊距值。

注釋：不允許使用負值。

實例

設(shè)置p元素的上內(nèi)邊距：

p  
{  
padding-top:2cm;  
}  
 

瀏覽器支持

所有主流瀏覽器都支持padding-top屬性。

注釋：任何的版本的InternetExplorer（包括IE8）都不支持屬性值"inherit"。

可能的值

CSS padding-left 屬性

定義和用法

padding-left 屬性設(shè)置元素左內(nèi)邊距（空白）。

說明

該屬性設(shè)置元素左內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的左內(nèi)邊距僅在元素所生成的***個行內(nèi)框的左邊出現(xiàn).

注釋：不允許使用負值。

實例

設(shè)置 p 元素的左內(nèi)邊距：

p  
  {  
  padding-left:2cm;  
  }  
 

瀏覽器支持

所有主流瀏覽器都支持 padding-left 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

【編輯推薦】

1. 實例解析CSS padding 屬性用法
2. 微軟展示IE9瀏覽器 力推IE8將取代IE6市場
3. 探究IE和Firefox下的2款HTTP調(diào)試工具用法
4. 實例解析CSS中padding、margin兩個重要屬性用法
5. 實現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法