css如何使用单边外边距属性为元素单边上的外边距设置值

这篇文章给大家分享的是有关css如何使用单边外边距属性为元素单边上的外边距设置值的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

可运用单边外边距属性为元素单边上的外边距设置装备摆设值。若是您但愿把 p 元素的左外边距配置为 20px。不用应用 margin（需要键入不少 auto），而是可以采用如下方法：

p {margin-left: 20px;}

您可应用下列任何一个属性来只设置相应上的外边距，而不会直接影响一切其他外边距：

• margin-top

• margin-right

• margin-bottom

• margin-left

一个规则中可以使用多个这种单边属性，譬喻：

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

诚然，对付这种状况，运用 margin 概略更简单一些：

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

岂论使用单边属性仍是应用 margin，得到的究竟都异样。通常来讲，如果企望为多个边设置装备摆设外边距，使用 margin 会更易一些。不外，从文档表示的角度看，理论上运用哪种方式都不须要，所以理应决意对本人来说更易的一种方式。

感谢各位的阅读！关于"css如何使用单边外边距属性为元素单边上的外边距设置值"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！