CSS 菜鳥教程

CSS 盒子模型

CSS3菜鳥教程

CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS Padding(填充)

CSS padding(填充)是一個(gè)簡(jiǎn)寫屬性,定義元素邊框與元素內(nèi)容之間的空間,即上下左右的內(nèi)邊距。

CSS填充屬性

CSS填充屬性允許您設(shè)置將其邊框與內(nèi)容分開的元素的填充區(qū)域。填充受background-color框的影響。

為各個(gè)面定義填充

您可以使用CSS單獨(dú)的padding屬性輕松地為元素的不同側(cè)(例如,頂部,右側(cè),底部或左側(cè))指定不同的填充。

h1 {
    padding-bottom: 10px;
}
p {
    padding-top: 20px;
    padding-left: 50px;
}
測(cè)試看看?/?

填充簡(jiǎn)寫速記屬性

padding屬性是一個(gè)速記屬性,以避免對(duì)元素的每一側(cè)上設(shè)置分別填充即padding-top,padding-right,padding-bottom,padding-left

h1 {
    padding: 10px 20px;
}
p {
    padding: 10px 15px 20px 25px;
}
測(cè)試看看?/?

注意:與CSS margin屬性不同,填充屬性的值不能為負(fù)。與邊距屬性一樣,填充屬性的百分比值是指生成的框的包含塊的寬度。

該padding屬性可以采用一個(gè),兩個(gè),三個(gè)或四個(gè)空格分隔的值。

  • 如果設(shè)置一個(gè)值,則將其應(yīng)用于所有四個(gè)側(cè)面。

  • 如果指定了兩個(gè)值,則第一個(gè)值將應(yīng)用于頂部和底部,第二個(gè)值將應(yīng)用于右側(cè)和左側(cè)。

  • 如果指定了三個(gè)值,則第一個(gè)值應(yīng)用于頂部,第二個(gè)值應(yīng)用于左側(cè)和右側(cè),最后一個(gè)值應(yīng)用于底部。

  • 如果指定了四個(gè)值,則將它們分別以指定的順序應(yīng)用于頂部,右側(cè),底部和左側(cè)。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清