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.divcss5.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属性的用法详解】

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c56670.shtml