css中padding是什麼意思-css教學-PHP中文網

首頁

web前端

css教學

css中padding是什麼意思

青灯夜游

May 17, 2021 pm 05:49 PM

csspadding

在css中，padding的意思為“填充”或“內邊距”，用於定義元素邊框與元素內容之間的空間，即元素的內邊距。 padding是一個簡寫屬性，它可以設定元素所有內邊距的寬度，或是設定各邊上內邊距的寬度。

css中padding是什麼意思

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css中padding是什麼意思

CSS padding（填充）

#CSS padding（填充）是一個簡寫屬性，定義元素邊框與元素內容之間的空間，即元素的內邊距。

css中padding是什麼意思

當元素的 padding（填滿）內邊距被清除時，所釋放的區域將會受到元素背景顏色的填滿。

單獨使用 padding 屬性可以改變上下左右的填充。

說明：

這個簡寫屬性設定元素所有內邊距的寬度，或是設定各邊上內邊距的寬度。行內非替換元素上設定的內邊距不會影響行高計算；因此，如果一個元素既有內邊距又有背景，從視覺上看可能會延伸到其他行，有可能還會與其他內容重疊。元素的背景會延伸穿過內邊距。不允許指定負邊距值。

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

padding:25px 50px 75px 100px;

上填充為25px
#右填充為50px
下填充為75px
左填入100px

padding:25px 50px 75px;

##上填入25px
#左右填入50px
下填入為75px

padding:25px 50px;

上下填入25px
左右填入50px

padding:25px;

#所有的填滿都是25px

範例：

<html>
<head>
<style type="text/css">
td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td class="test1">
这个表格单元的每个边拥有相等的内边距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
这个表格单元的上和下内边距是 0.5cm，左和右内边距是 2.5cm。
</td>
</tr>
</table>
</body>

</html>

css中padding是什麼意思