CSS內邊界(Padding)

介紹 CSS 內邊界(Padding)屬性設定 邊界內四週留邊寬度、屬性值應用

內邊界(Padding)是在邊框之內,若您忘了邊界的位置,請先參閱「盒子模型」(Box Model)章節圖示


CSS Padding語法:

簡化寫法

P {padding: 6px 7px 8px 9px} 四個邊數值順序是: 上 下 左 右 (即順時針方向排列)

P {padding: 6px } 是: 上 下 左 右 都同數值時的簡化寫法

四個邊可獨立寫法

padding-top:100px; /*(上邊界)

padding-bottom:100px;/*(下邊界)*/

padding-right:50px;/* (右邊界) */

padding-left:50px;/* (左邊界) */


範例::CSS padding(內邊界)屬性的檢視

範例觀測重點 :

動手實驗一下 : 將 屬性值改變看看變化了什麼

實驗看看

你可以在上方單行內樣式修改padding數值:

style='padding:30px;' /* 增大框邊值改變了位置 */