CSS的margin-bottom屬性是用來定義元素的下外邊距的。下外邊距是指元素與其後方元素之間的空白區域。透過設定margin-bottom屬性，可以控制一個元素與其後面元素之間的間距大小。
margin-bottom的語法如下：
selector {
margin-bottom: value;
}其中，selector表示要套用該樣式規則的元素選擇器，value表示要設定的下外邊距的值，可以使用像素(px )、百分比(%)、em或rem等單位。
margin-bottom屬性可以使用正值、負值或零來定義下外邊距的大小。正值表示將元素下移，負值表示將元素上移，而零表示沒有下外邊距。
下面是一些具體的程式碼範例，以幫助更好地理解margin-bottom的作用：
範例一：正值下外邊距
<style>
p {
margin-bottom: 20px;
}
</style>
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>在上述程式碼中，兩個段落之間的距離是20像素。
範例二：負值下外邊距
<style>
p {
margin-bottom: -20px;
}
</style>
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>上述程式碼中，第一個段落與第二個段落之間的距離變成-20像素，即第一個段落與第二個段落之間重疊。
範例三：零下外邊距
<style>
p {
margin-bottom: 0;
}
</style>
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>上述程式碼中，兩個段落之間沒有任何距離，它們緊密相連。
要注意的是，margin-bottom屬性只影響元素與其後面元素之間的間距，不影響元素與其父元素之間的間距。如果想要調整元素與其父元素之間的間距，應該使用對應的屬性，如margin-top、margin-left、margin-right等。
綜上所述，CSS的margin-bottom屬性用於控制元素與其後面元素之間的間距大小，可以透過設定正值、負值或零來調整下外邊距。這在網頁佈局中非常有用，可以幫助設計師更好地控制元素的位置與排列。
以上是CSS中margin-bottom的作用是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
