- margin-top 设置上外边距
- margin-right 设置右外边距
- margin-bottom 设置下外边距
- margin-left 设置下外边距
实例代码：
<html>
<head>
<meta charset="utf-8">
<style>
div{
border:1px solid black;
margin-top:100px;
margin-bottom:100px;
margin-left:80px;
margin-right:150px;
background-color:lightblue;
}
</style>
<head>
<body>
<h1>使用单独的外边距属性</h1>
<div>这个div元素的上外边距为100像素,右外边距是150像素,下外边距是100像素,左外边距是80像素。</div>
</body>
</html>
运行效果：
评论