css如何使用單邊外邊距屬性為元素單邊上的外邊距設(shè)置值

發(fā)布時間：2022-03-03 11:23:58 來源：億速云閱讀：104 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)css如何使用單邊外邊距屬性為元素單邊上的外邊距設(shè)置值的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

可運用單邊外邊距屬性為元素單邊上的外邊距設(shè)置裝備擺設(shè)值。若是您但愿把 p 元素的左外邊距配置為 20px。不用應(yīng)用 margin（需要鍵入不少 auto），而是可以采用如下方法：

p {margin-left: 20px;}

您可應(yīng)用下列任何一個屬性來只設(shè)置相應(yīng)上的外邊距，而不會直接影響一切其他外邊距：

一個規(guī)則中可以使用多個這種單邊屬性，譬喻：

h3 {
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
  margin-left: 20px;
  }

誠然，對付這種狀況，運用 margin 概略更簡單一些：

p {margin: 20px 30px 30px 20px;}

豈論使用單邊屬性仍是應(yīng)用 margin，得到的究竟都異樣。通常來講，如果企望為多個邊設(shè)置裝備擺設(shè)外邊距，使用 margin 會更易一些。不外，從文檔表示的角度看，理論上運用哪種方式都不須要，所以理應(yīng)決意對本人來說更易的一種方式。

感謝各位的閱讀！關(guān)于“css如何使用單邊外邊距屬性為元素單邊上的外邊距設(shè)置值”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡