CSS padding（填充）是一個簡寫屬性，定義元素邊框與元素內(nèi)容之間的空間，即上下左右的內(nèi)邊距。
當元素的 padding（填充）內(nèi)邊距被清除時，所釋放的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?/p>
單獨使用 padding 屬性可以改變上下左右的填充。
| 值 | 說明 |
| length | 規(guī)定以具體單位計的填充值，比如像素、厘米等。默認值是 0px |
| % | 規(guī)定基于父元素的寬度的百分比的填充 |
| inherit | 指定應該從父元素繼承padding |
1. 使用像素值（px）設置填充
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS簡單學習</title>
<style type="text/css">
p.nopadding {
background-color: #00FFFF;
}
p.padding {
background-color: #00FFFF;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 50px;
padding-right: 50px;
}
</style>
</head>
<body>
<p>這是一個沒有指定填充邊距的段落</p>
<p>這是一個指定過填充邊距大小的段落</p>
</body>
</html>運行結果：
2. 使用margin簡寫屬性設置填充（厘米值cm、百分比值%）
padding 簡寫屬性在一個聲明中設置所有填充屬性。該屬性可以有1到4個值。
實例:
（1）padding:10px 5px 15px 20px;
a.上填充是 10px
b.右填充是 5px
c.下填充是 15px
d.左填充是 20px
（2）padding:10px 5px 15px;
a.上填充是 10px
b.右填充和左填充是 5px
c.下填充是 15px
（3）padding:10px 5px;
a.上填充和下填充是 10px
b.右填充和左填充是 5px
（4）padding:10px;
a.所有四個填充都是 10px
注意： 負值是不允許的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS簡單學習</title>
<style type="text/css">
p {
background-color: orange;
}
p.ex1 {
padding: 2cm 6cm 3cm 8cm;
}
p.ex2 {
padding: 5% 30%;
}
</style>
</head>
<body>
<p>這是一個沒有指定填充邊距大小的段落</p>
<p>這是一個使用"厘米cm"指定填充邊距大小的段落</p>
<p>這是一個使用"百分比值%"指定填充邊距大小的段落</p>
</body>
</html>運行結果：
| 屬性 | 描述 |
| padding-top | 設置元素內(nèi)容區(qū)上方的內(nèi)邊距 |
| padding-right | 設置元素內(nèi)容區(qū)右側(cè)的內(nèi)邊距 |
| padding-bottom | 設置元素內(nèi)容區(qū)下方的內(nèi)邊距 |
| padding-left | 設置元素內(nèi)容區(qū)左側(cè)的內(nèi)邊距 |
| padding | 內(nèi)邊距屬性的縮寫形式，可以同時設置上下左右四個方向上的內(nèi)邊距 |
C語言網(wǎng)提供由在職研發(fā)工程師或ACM藍橋杯競賽優(yōu)秀選手錄制的視頻教程，并配有習題和答疑，點擊了解：
一點編程也不會寫的：零基礎C語言學練課程
解決困擾你多年的C語言疑難雜癥特性的C語言進階課程
從零到寫出一個爬蟲的Python編程課程
只會語法寫不出代碼？手把手帶你寫100個編程真題的編程百練課程
信息學奧賽或C++選手的 必學C++課程
藍橋杯ACM、信息學奧賽的必學課程：算法競賽課入門課程
手把手講解近五年真題的藍橋杯輔導課程