2012年12月11日 星期二

今天談 CSS margin

昨天談完 CSS padding 的屬性,打鐵趁熱,今天就接著來講一下 CSS margin 的特色,在 CSS 的設計中,通常可以設定四個邊的屬性,margin 也不例外唷!

CSS margin 用來設定與其他元素區塊的距離,可分為上右下左的順序一次設定好四個邊,也可以分別設定各個邊的距離。

一次設定四個邊

 margin:上 右 下 左; 

以上是當你的元素適合一次設定的情況,但偶爾並不會是這樣的情況,甚至只要單邊設定即可,這時候可以把四個邊獨立出來,一次僅寫一個邊也可以。

四個邊獨立設定
  • margin-top:上
  • margin-right:右
  • margin-bottom:下
  • margin-left:左
詳細的用法可以參考以下的介紹

CSS margin 屬性與用法範例
http://www.wibibi.com/info.php?tid=110