小编给大家分享一下css中的margin属性怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
一：cssmargin属性怎么用
margin属性包含了很多的属性，如下所示：
marginleft：是表示设置距左内边距；
margintop：是表示设置头顶元素块状的距离；
marginright：是表示设置距右元素块距离；
marginbottom：是表示设置底部块状距离
二：cssmargin属性用法教程
1.marginleft用法：
marginleft：50px;语法后面紧跟着数字或者百分比，该语法表示距离左边元素块50像素点，或者距离元素50%的距离。
为了观察实例，我们使用两个盒子:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>margin-left实例www.亿速云.com</title>
<style>
.php-a,.php-b
{float:left;width:150px;height:120px;border:1pxsolid#F00}
.php-b{margin-left:50px}
.php-c{margin-left:50px}
</style>
</head>
<body>
<divclass="php-a"></div>
<divclass="php-b"></div>
</body>
</html>
我们可以改动数值，可以观察其中变化，但是效果都是元素左边间距的位置大小。
2.marginright用法恰恰和marginleft相反，定义为右边元素距离多少像素。
3.margintop：50px，语法后面紧跟数字，就是表示上边间距50个像素点，也可以使用百分比来表示。
4.marginbottom用法和margintop用法类似，并且在方向是相反的。
假如我们想在上下左右都用margin:10px来表示，margin我们要按照顺时针转法的思维就好了。【推荐阅读：margin：auto属性的用法详解】
以上是“css中的margin属性怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
