CSS邊界(Margin)

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

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


CSS Margin語法:

簡化寫法

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

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

四個邊可獨立寫法

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

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

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

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


範例::CSS margin(外邊界)屬性的檢視

範例觀測重點 :

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

實驗看看

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

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