body{width: 100%; text-align: center;}/*把body的文本设置为居中对齐*/ div{width: 100px; height: 40px; border: 1px solid red; display: inline-block;}/*将三个div都设置为行内块元素，这样div就既保留了块的样式，又能体现为文本的在一行中显示的样式*/ box2{margin: 0px 10px;...
设置div的外边距为上20px，居中，下10px的代码。
样式：
<style type="text/css">
body{width: 100%; text-align: center;}/*把body的文本设置为居中对齐*/
div{width: 100px; height: 40px; border: 1px solid red; display: inline-block;}/*将三个div都设置为行内块元素，这样div就既保留了块的样式，又能体现为文本的在一行中显示的样式*/
#box2{margin: 0px 10px;}/*将中间那个div的两边边距都设置为10px，就达到了中间间隔为10px的效果*/
</style>
代码：
<body>
<div id="box1">我是第一个div</div>
<div id="box2">我是第二个div</div>
<div id="box3">我是第三个div</div>
</body>2016-05-25
上外边距是margin-top:20px;下外边距是margin-bottom：10px;居中需要在父标签设置text-align:center;或者直接放在<center></center>内2016-05-25
