css中margin属性如何使用-创新互联

这篇文章主要介绍css中margin属性如何使用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

margin是css用于在一个声明中，对所有css margin属性的简写，正因为margin来控制css中的块级元素之间的距离，所以两者是不是可见的。

一：css margin属性怎么用

margin属性包含了很多的属性，如下所示：

margin left ：是表示设置距左内边距；

margin top：是表示设置头顶元素块状的距离；

margin right：是表示设置距右元素块距离；

margin bottom ：是表示设置底部块状距离

二：css margin属性用法教程

1.margin left用法：

margin left：50px;语法后面紧跟着数字或者百分比，该语法表示距离左边元素块50像素点，或者距离元素50%的距离。

为了观察实例，我们使用两个盒子:

我们可以改动数值，可以观察其中变化，但是效果都是元素左边间距的位置大小。

2.margin right用法恰恰和margin left相反，定义为右边元素距离多少像素。

3.margin top：50px，语法后面紧跟数字，就是表示上边间距50个像素点，也可以使用百分比来表示。

4.margin bottom用法和margin top用法类似，并且在方向是相反的。

假如我们想在上下左右都用margin:10px来表示，margin我们要按照顺时针转法的思维就好了。

以上是css中margin属性如何使用的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。