案例：CSS案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
​
4
<style type="text/css">
5
* {
6
  margin:0;
7
  padding:0;
8
  border:0;
9
}
10
​
11
#d1 {
12
  width:100px;
13
  height:100px;
14
  margin-top:20px;
15
  margin-bottom:20px;
16
  background-color:red;
17
}
18
​
19
#d2 {
20
  width:100px;
21
  height:100px;
22
  margin-top:10px;
23
  background-color:blue;
24
}
25
​
26
</style>
27
</head>
28
​
29
<body>
30
​
31
<div id="d1">
32
</div>
33
​
34
<div id="d2">
35
</div>
36
​
37
<p>请注意，两个 div 之间的外边距是 20px，而不是 30px（20px + 10px）。</p>
38
</body>
39
</html>
40
​