css上邊距如何實(shí)現(xiàn)

發(fā)布時(shí)間：2021-07-27 10:28:02 來(lái)源：億速云閱讀：168 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要為大家展示了“css上邊距如何實(shí)現(xiàn)”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css上邊距如何實(shí)現(xiàn)”這篇文章吧。

在css中，可以使用margin-top屬性設(shè)置上邊距，只需要給元素設(shè)置“margin-top:數(shù)值+單位;”樣式即可。margin-top屬性設(shè)置元素的上外邊距，允許使用負(fù)值。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

margin 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有外邊距屬性。該屬性可以有 1 到 4 個(gè)值。

說(shuō)明

這個(gè)簡(jiǎn)寫屬性設(shè)置一個(gè)元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。

塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并，而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會(huì)合并。同樣地，浮動(dòng)元素的外邊距也不會(huì)合并。允許指定負(fù)的外邊距值，不過(guò)使用時(shí)要小心。

注釋：允許使用負(fù)值。

margin-top 屬性設(shè)置元素的上外邊距。

實(shí)例

<html>
  <head>
    <style type="text/css">
      p.topmargin {
        margin-top: 5cm;
      }
    </style>
  </head>

  <body>
    <p>這個(gè)段落沒(méi)有指定外邊距。</p>
    <p class="topmargin">這個(gè)段落帶有指定的上外邊距。</p>
  </body>
</html>

效果

css上邊距如何實(shí)現(xiàn)

以上是“css上邊距如何實(shí)現(xiàn)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

css上邊距如何實(shí)現(xiàn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽