CSS 邊界 (Margin)

CSS 邊界 (Margin)

邊界 (margin) 是在邊框之外,用來設定各個元素之間的距離。

  • margin-top (上邊界)
  • margin-right (右邊界)
  • margin-bottom (下邊界)
  • margin-left (左邊界)

使用語法範例:

p {margin : 0.25in;}  四邊都一樣的寫法
p {margin : 10%;}
p {margin : 10px 0px 15px 5px;}
p {margin: 0.5em 1em 0.5em 1em;}  簡化寫法  p {margin: 0.5em 1em;}
p {margin: 0.25em 1em 0.5em 1em;} 簡化寫法 p {margin: 0.25em 1em 0.5em;}

p {
margin-top: 20px;
margin-right: 30px;
margin-bottom: 30px;
margin-left: 20px;
}
簡化寫法 : p {margin: 20px 30px 30px 20px;}