CSS 11. 邊界 (Margin)

如我們在盒子模式那一頁看到的,邊界 (margin) 是在邊框之外,並且是用來設定各個元素之間的距離。一個盒子有四個邊,所以我們可以對這四個邊逐一設定:

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

    第五個屬性,margin,是用來作為同時設定四個邊的捷徑屬性。

    有三種方式可以設定邊界,分別為長度、百分比、以及 ‘auto’。我們來看以下的例子:

    image

  • 在這裡,上邊界為 5px,左邊界為 10%,下邊界為 20px。

    邊界捷徑

    所有四個邊的邊界可以同時由 margin 屬性設定。它的語法如下:

    margin: [上面邊界值] [右邊邊界值] [下面邊界值] [左邊邊界值]

    在這裡,順序非常重要。第一個值一定是上邊界的值,第二個值一定是右邊界的值,第三個值一定是下邊界的值,而第四個值一定

    發表迴響

    你的電子郵件位址並不會被公開。 必要欄位標記為 *

    你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>