CSS中如何使用margin屬性定義網(wǎng)頁邊距

本文小編為大家詳細(xì)介紹“CSS中如何使用margin屬性定義網(wǎng)頁邊距”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“CSS中如何使用margin屬性定義網(wǎng)頁邊距”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

CSS中margin屬性定義網(wǎng)頁邊距

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

◆當(dāng)他們要分別定義網(wǎng)頁的頂、右、底、左時(shí)用法有2種，他們分別為：

margin：top-valueright-valuebottom-valueleft-value；（順序是固定的上右下左，順時(shí)針。）

margin-top:value;  margin-right:value;  margin-bottom:value;  margin-left:value;

◆當(dāng)他們定義的網(wǎng)頁頂、右、底、左邊距是等同時(shí)，用這種方法：

margin：value；

例如:margin：10px20px20px40px；這個(gè)說明網(wǎng)頁的上右下左邊距分別為10、20、20、40.

或者也可以寫成這樣：

margin-top:10px;  margin-right:20px;  margin-bottom:20px;  margin-left:40px;

效果是一樣的。

一般常用舉例：

<styletypestyletype="text/CSS"> <!--  #header{  height:120px;  width:960px;  background-image:url(headPic.gif);  background-repeat:no-repeat;  margin:0px0px5px0px;  }  --> </style> <dividdivid="header"></div><!--網(wǎng)站的頭部--> <dividdivid="nav"></div><!--網(wǎng)站的導(dǎo)航--> <dividdivid="content"></div><!--網(wǎng)站內(nèi)容--> <dividdivid="footer"></div><!--網(wǎng)站底部-->

讀到這里，這篇“CSS中如何使用margin屬性定義網(wǎng)頁邊距”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。