在css中,padding的意思為“填充”或“內邊距”,用於定義元素邊框與元素內容之間的空間,即元素的內邊距。 padding是一個簡寫屬性,它可以設定元素所有內邊距的寬度,或是設定各邊上內邊距的寬度。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS padding(填充)
#CSS padding(填充)是一個簡寫屬性,定義元素邊框與元素內容之間的空間,即元素的內邊距。
當元素的 padding(填滿)內邊距被清除時,所釋放的區域將會受到元素背景顏色的填滿。
單獨使用 padding 屬性可以改變上下左右的填充。
說明:
這個簡寫屬性設定元素所有內邊距的寬度,或是設定各邊上內邊距的寬度。行內非替換元素上設定的內邊距不會影響行高計算;因此,如果一個元素既有內邊距又有背景,從視覺上看可能會延伸到其他行,有可能還會與其他內容重疊。元素的背景會延伸穿過內邊距。不允許指定負邊距值。
Padding屬性,可以有一到四個值。
padding:25px 50px 75px 100px;
上填充為25px
#右填充為50px
下填充為75px
左填入100px
padding:25px 50px 75px;
padding:25px 50px;
padding: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是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!