站長資訊網(wǎng)在css中，padding的意思為“填充”或“內(nèi)邊距”，用于定義元素邊框與元素內(nèi)容之間的空間，即元素的內(nèi)邊距。padding是一個簡寫屬性，它可以設(shè)置元素所有內(nèi)邊距的寬度，或者設(shè)置各邊上內(nèi)邊距的寬度。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS padding（填充）
CSS padding（填充）是一個簡寫屬性，定義元素邊框與元素內(nèi)容之間的空間，即元素的內(nèi)邊距。
當(dāng)元素的 padding（填充）內(nèi)邊距被清除時，所釋放的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?/p>
單獨使用 padding 屬性可以改變上下左右的填充。
說明：
這個簡寫屬性設(shè)置元素所有內(nèi)邊距的寬度，或者設(shè)置各邊上內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的內(nèi)邊距不會影響行高計算；因此，如果一個元素既有內(nèi)邊距又有背景，從視覺上看可能會延伸到其他行，有可能還會與其他內(nèi)容重疊。元素的背景會延伸穿過內(nèi)邊距。不允許指定負(fù)邊距值。
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"> 這個表格單元的每個邊擁有相等的內(nèi)邊距。 </td> </tr> </table> <br /> <table border="1"> <tr> <td class="test2"> 這個表格單元的上和下內(nèi)邊距是 0.5cm，左和右內(nèi)邊距是 2.5cm。 </td> </tr> </table> </body> </html>
學(xué)習(xí)視頻分享：css視頻教程
