CSS Padding(填充)

CSS Padding(填充)屬性定義元素邊框與元素內(nèi)容之間的空間。

Padding(填充)

當元素的 Padding(填充)(內(nèi)邊距)被清除時，所"釋放"的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?/p>

單獨使用填充屬性可以改變上下左右的填充?？s寫填充屬性也可以使用，一旦改變一切都改變。

可能的值

值

說明

length

定義一個固定的填充(像素, pt, em,等)

%

使用百分比值定義一個填充

填充- 單邊內(nèi)邊距屬性

在CSS中，它可以指定不同的側(cè)面不同的填充：

實例

padding-top:25px;

padding-bottom:25px;

padding-right:50px;

padding-left:50px;

填充 - 簡寫屬性

為了縮短代碼，它可以在一個屬性中指定的所有填充屬性。

這就是所謂的縮寫屬性。所有的填充屬性的縮寫屬性是"padding":

實例

padding:25px 50px;

Padding屬性，可以有一到四個值。

上填充為25px

右填充為50px

下填充為75px

左填充為100px

padding:25px 50px 75px;

上填充為25px

左右填充為50px

下填充為75px

padding:25px 50px;

上下填充為25px

左右填充為50px

padding:25px;

所有的填充都是25px

更多實例

這個例子演示了使用縮寫屬性設置在一個聲明中的所有填充屬性，可以有一到四個值。

這個例子演示了如何設置元素左填充。

這個例子演示了如何設置元素右填充。.

這個例子演示了如何設置元素上填充。

這個例子演示了如何設置元素下填充。

所有的CSS填充屬性

屬性

說明

使用縮寫屬性設置在一個聲明中的所有填充屬性

總結(jié)

以上是生活随笔為你收集整理的css padding效果,CSS Padding（填充）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。