首頁 >web前端 >css教學 >margin-bottom是什麼意思?

margin-bottom是什麼意思?

不言
不言原創
2019-04-11 10:18:3336398瀏覽

margin-bottom是CSS中的屬性,用來設定元素的下外邊距,所有主流瀏覽器都支援 margin-bottom 屬性。下面我們就來簡單來看一下margin-bottom屬性的用法。

margin-bottom是什麼意思?

margin-bottom屬性的語法如下:

margin-bottom:value

value可能的值:

  • ##auto:瀏覽器計算下外邊距。   

  • length:規定以特定單位計的下外邊距值,例如像素、公分等。預設值是 0px。   

  • % :規定基於父元素的寬度的百分比的下外邊距。   

  • inherit: 規定應該從父元素繼承下外邊距。

我們來看margin-bottom的程式碼範例

<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 2cm}
</style>
</head>

<body>
<p>这个段落没有指定外边距。</p>
<p class="bottommargin">这个段落带有指定的下外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>

</html>

運行結果如下:

margin-bottom是什麼意思?

相關推薦:

margin-top是什麼意思?

這篇文章到這裡就已經全部結束了,更多精彩內容大家可以關注PHP中文網的

CSS影片教學專欄! ! !

以上是margin-bottom是什麼意思?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn