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

margin-bottom是什麼意思?

不言
發布: 2022-03-31 18:45:02
原創
36397 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板