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

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

创新互联建站主要从事成都网站制作、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务囊谦,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

可运用单边外边距属性为元素单边上的外边距设置装备摆设值。若是您但愿把 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如何使用单边外边距属性为元素单边上的外边距设置值”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


文章题目:css如何使用单边外边距属性为元素单边上的外边距设置值
网站链接:http://bzwzjz.com/article/ihpohp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设 高端网站设计 企业网站设计 成都企业网站建设 自适应网站建设 手机网站制作 成都企业网站制作 成都响应式网站建设 成都网站制作 网站建设改版 网站制作报价 阿坝网站设计 企业网站设计 重庆网站设计 定制级高端网站建设 重庆电商网站建设 网站设计 网站建设开发 营销型网站建设 教育网站设计方案 网站建设 成都网站制作