案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
div
6
{
7
border:1px solid black;
8
padding:35px;
9
background-image:url('/img/bg_flower.gif');
10
background-repeat:no-repeat;
11
background-position:left;
12
}
13
#div1
14
{
15
background-origin:border-box;
16
}
17
#div2
18
{
19
background-origin:content-box;
20
}
21
</style>
22
</head>
23
<body>
24
​
25
<p>background-origin:border-box:</p>
26
<div id="div1">
27
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
28
</div>
29
​
30
<p>background-origin:content-box:</p>
31
<div id="div2">
32
这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。这是文本。
33
</div>
34
​
35
</body>
36
</html>
37
​