margin

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 #box{width:200px;height:200px;background:Red;border:10px solid #000; margin:30px;}
 8 #div{width:200px;height:200px;background:blue;border:10px solid #ccc;}
 9 /*
10     margin 外边距(margin元素的边框之外不显示元素背景)
11     margin:10px 20px;
12     margin:10px 20px 40px;
13     margin:10px 20px 40px 60px;
14     margin-top
15     margin-right
16     margin-bottom
17     margin-left
18 */
19 </style>
20 </head>
21 <body>
22 <div id="box"></div>
23 <div id="div"></div>
24 </body>
25 </html>

posted on 2016-02-28 20:16 hduhdc 阅读(163) 评论(0) 收藏举报