單邊外邊距屬性
您可以使用單邊外邊距屬性為元素單邊上的外邊距設置值。假設您希望把p元素的左外邊距設置為20px。不必使用margin(需要鍵入很多auto),而是可以采用以下方法:
p{margin-left:20px;}您可以使用下列任何一個屬性來只設置相應上的外邊距,而不會直接影響所有其他外邊距:
- margin-top
- margin-right
- margin-bottom
- margin-left
一個規則中可以使用多個這種單邊屬性,例如:
- h2{
- margin-top:20px;
- margin-right:30px;
- margin-bottom:30px;
- margin-left:20px;
- }
當然,對於這種情況,使用margin可能更容易一些:
p{margin:20px30px30px20px;}不論使用單邊屬性還是使用margin,得到的結果都一樣。一般來說,如果希望為多個邊設置外邊距,使用margin會更容易一些。不過,從文檔顯示的角度看,實際上使用哪種方法都不重要,所以應該選擇對自己來說更容易的一種方法。
提示和注釋
提示:
Netscape和IE對body標簽定義的默認邊距(margin)值是8px。而Opera不是這樣。相反地,Opera將內部填充(padding)的默認值定義為8px,因此如果希望對整個網站的邊緣部分進行調整,並將之正確顯示於Opera中,那麼必須對body的padding進行自定義。
【編輯推薦】