DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS中margin-top和margin-bottom屬性使用說明
CSS中margin-top和margin-bottom屬性使用說明
編輯:CSS詳解     

你對CSS margin屬性的用法是否了解,CSS margin屬性用來定義邊外補白,margin,中文"邊、頁邊"的意思,它適用於: 所有元素,除了 table-caption, table 和 inline-table 。

CSS margin屬性

邊框的外面可以有一層邊外補白(margin),邊外補白可以把塊級元素分開.邊外補白定義了圍繞某種元素(elements)的空白.。可以查看盒模式,了解邊外補白和邊內補白,邊外補白分為上邊外補白(top),下邊外補白(bottom),左邊外補白(left),右邊外補白(right).,邊外補白只有寬度width一種屬性.。

margin -- 定義邊外補白

取值: <margin-width>{1,4} | inherit
<margin-width>{1,4}: 邊外補白寬度
inherit: 繼承
初始值: 0
繼承性: 否
適用於: 所有元素,除了 table-caption, table 和 inline-table
margin,中文"邊、頁邊"的意思

CSS margin-top 屬性

margin-top -- 定義上邊外補白

取值: <margin-width> | inherit
<margin-width>: 上邊外補白的寬度
inherit: 繼承

初始值: none
繼承性: 否
適用於: 所有元素

margin:邊外補白,top:上

示例

  1. p#top
  2. {
  3. margin-top: 12px;
  4. }

CSS margin-bottom屬性

margin-bottom -- 定義下邊外補白

取值: <margin-width> | inherit
<margin-width>: 下邊外補白的寬度
inherit: 繼承
初始值: none
繼承性: 否
適用於: 所有元素
margin:邊外補白,bottom:下

示例

  1. p#bottom
  2. {
  3. margin-bottom: 12px;
  4. }

【編輯推薦】

  1. margin屬性的基本寫法和特征
  2. IE6.0對padding的解讀分析
  3. DIV+CSS網頁錯位診斷和解決方法
  4. DIV+CSS命名規則
  5. 技術分享 如何使用CSS控制超鏈接文字樣式
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved