css上边距如何实现

这篇文章主要为大家展示了“css上边距如何实现”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css上边距如何实现”这篇文章吧。

创新互联公司专注于网站建设|企业网站维护|优化|托管以及网络推广，积累了大量的网站设计与制作经验，为许多企业提供了网站定制设计服务，案例作品覆盖OPP胶袋等行业。能根据企业所处的行业与销售的产品，结合品牌形象的塑造，量身制作品质网站。

在css中，可以使用margin-top属性设置上边距，只需要给元素设置“margin-top:数值+单位;”样式即可。margin-top属性设置元素的上外边距，允许使用负值。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

注释：允许使用负值。

margin-top 属性设置元素的上外边距。

实例

  
    
      p.topmargin {
        margin-top: 5cm;
      }
    
  

  
    
这个段落没有指定外边距。
    这个段落带有指定的上外边距。

  

效果

以上是“css上边距如何实现”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！