css中marginbottom屬性怎么用

這篇文章給大家分享的是有關css中marginbottom屬性怎么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　margin-bottom是CSS的屬性，所有主流瀏覽器都支持margin-bottom屬性。margin，是CSS語法，這個簡寫屬性用于在一個聲明中設置所有當前或者指定元素所有外邊距的寬度，或者設置各邊上外邊距的寬度。

　　marginbottom簡介

　　margin-bottom

　　語法編輯

　　margin-bottom：[||auto]{1,4}

　　默認值：0

　　相關屬性：[margin]||[margin-top]||[margin-right]||[margin-left]

　　取值編輯

　　auto：

　　值被設置為相對邊的值

　　<length>：

　　用長度值來定義外補白?？梢詾樨撝?/p>

　　<percentage>：

　　用百分比來定義外補白?？梢詾樨撝?/p>

　　說明編輯

　　檢索或設置對象底邊的外延邊距。

　　內聯對象要使用該屬性必須先使該對象表現為塊級或內聯塊級。

　　外延邊距始終透明。

　　對應的腳本特性為marginBottom。

　　marginbottom簡潔寫法

　　margin跟padding一樣，也有簡潔寫法。我們可以使用margin屬性來設置四個方向的外邊距。在實際編程中，我們往往使用的是margin的這種高效簡潔寫法來編程。

　　margin寫法有4種，分別如下：

　　margin:像素值1;

　　margin:像素值1像素值2;

　　margin:像素值1像素值2像素值3;

　　margin:像素值1像素值2像素值3像素值4;

　　以上四個位置按順序分別為：margin-top--margin-right--margin-bottom--margin-left，即“上-右-下-左”。以下簡寫為top--right--bottom--left。其中需要注意的是后三種情況，當有像素值缺省時，瀏覽器會自動對缺省像素按照“bottom=top”和“left=right”的方法進行賦值。

　　例如：

　　“margin:20px;”表示四個方向的外邊距都是20px；

　　“margin:20px40px;”表示top為20px，right為40px；由于bottom和left缺省，所以自動將它們分別設為20px和40px。轉化為第4種寫法為：“margin:20px40px20px40px;”。

　　“margin:20px40px60px;”表示top為20px，right為40px，bottom為60px；由于left缺省，所以自動將它設為40px。轉化為第4種寫法為：“margin:20px40px60px40px;”。

　　需要注意的是一種情況不能寫為缺省寫法：“margin:20px40px20px60px;”。該例中，由于top和bottom相同，但right和left不同，所以不能將bottom缺省，否則會等同于“margin:20px40px60px40px;”。

感謝各位的閱讀！關于“css中marginbottom屬性怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！