本文向大家描述一下CSS padding屬性的用法和組成，padding，中文"填充"的意思 ，它主要定義邊內(nèi)補(bǔ)白，希望本文的介紹能讓你有所收獲。

CSS padding屬性 -- 定義邊內(nèi)補(bǔ)白

取值: {1,4} | inherit

{1,4}: 邊內(nèi)補(bǔ)白寬度

inherit: 繼承

初始值: 0

繼承性: 否

適用于: 所有元素,,除了table-row-group, table-header-group, table-footer-group, table-row, table-column-group 和 table-column

padding，中文"填充"的意思

Padding屬性包含了paddingleft：左補(bǔ)距離（設(shè)置距左內(nèi)邊距）；paddingtop：頭頂補(bǔ)距離（設(shè)置距頂部內(nèi)邊距）；paddingright：右補(bǔ)距離（設(shè)置距右內(nèi)邊距）；paddingbottom：底補(bǔ)距離（設(shè)置距低內(nèi)邊距）。

CSS padding-right 屬性

padding-right -- 定義右邊內(nèi)補(bǔ)白

取值: | inherit

: 右邊內(nèi)補(bǔ)白的寬度

inherit: 繼承

初始值: none

繼承性: 否

適用于: 所有元素

padding:邊內(nèi)補(bǔ)白,right:右

示例

p#right  
{  
 padding-right: 12px;  
}  
 

 CSS padding-left 屬性

padding-left -- 定義左邊內(nèi)補(bǔ)白

取值: | inherit

: 左邊內(nèi)補(bǔ)白的寬度

inherit: 繼承

初始值: none

繼承性: 否

適用于: 所有元素

padding:邊內(nèi)補(bǔ)白,left:左

示例

p#left  
{  
 padding-left: 12px;  
}  
 

#p#CSS padding-top 屬性

padding-top -- 定義上邊內(nèi)補(bǔ)白

取值: | inherit

: 上邊內(nèi)補(bǔ)白的寬度

inherit: 繼承

初始值: none

繼承性: 否

適用于: 所有元素

padding:邊內(nèi)補(bǔ)白,top:上

示例

p#top  
{  
 padding-top: 12px;  
}  
 

 CSS padding-bottom 屬性

padding-bottom -- 定義下邊內(nèi)補(bǔ)白

取值: | inherit

: 下邊內(nèi)補(bǔ)白的寬度

inherit: 繼承

初始值: none

繼承性: 否

適用于: 所有元素

padding:邊內(nèi)補(bǔ)白,bottom:下

示例
 

p#bottom  
{  
 padding-bottom: 12px;  
}  
 

【編輯推薦】

1. CSS布局時(shí)需注意的八大技巧
2. IE6.0對padding的解讀分析
3. 揭露CSS中margins折疊現(xiàn)象內(nèi)幕
4. DIV+CSS開發(fā)Xhtml網(wǎng)頁對SEO優(yōu)化的影響
5. DIV CSS網(wǎng)頁布局中對段落進(jìn)行排版的方法