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>
