DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS中使用margin屬性定義網頁邊距
CSS中使用margin屬性定義網頁邊距
編輯:CSS詳解     

本文和大家重點討論一下CSS中如何使用margin屬性定義網頁邊距,margin屬性包括margin-top,margin-right,margin-bottom,margin-left等。

CSS中margin屬性定義網頁邊距

margin屬性包括margin-top,margin-right,margin-bottom,margin-left,margin。

◆當他們要分別定義網頁的頂、右、底、左時用法有2種,他們分別為:

margin:top-valueright-valuebottom-valueleft-value;(順序是固定的上右下左,順時針。)

  1. margin-top:value;
  2. margin-right:value;
  3. margin-bottom:value;
  4. margin-left:value;

◆當他們定義的網頁頂、右、底、左邊距是等同時,用這種方法:

margin:value;

例如:margin:10px20px20px40px;這個說明網頁的上右下左邊距分別為10、20、20、40.

或者也可以寫成這樣:

  1. margin-top:10px;
  2. margin-right:20px;
  3. margin-bottom:20px;
  4. margin-left:40px;

效果是一樣的。

一般常用舉例:

  1. <styletypestyletype="text/CSS">
  2. <!--
  3. #header{
  4. height:120px;
  5. width:960px;
  6. background-image:url(headPic.gif);
  7. background-repeat:no-repeat;
  8. margin:0px0px5px0px;
  9. }
  10. -->
  11. </style>
  12. <dividdivid="header"></div><!--網站的頭部-->
  13. <dividdivid="nav"></div><!--網站的導航-->
  14. <dividdivid="content"></div><!--網站內容-->
  15. <dividdivid="footer"></div><!--網站底部-->

上面的代碼就是我們經常用到的div+CSS做的網站讓他的頭部和導航之間有5px的高度。

【編輯推薦】

  1. margin-top屬性的語法和特征
  2. IE6.0對padding的解讀分析
  3. CSS margin 屬性定義和用法
  4. CSS中margin-top和margin-bottom屬性使用說明
  5. 技術分享 如何使用CSS控制超鏈接文字樣式
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved