x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<style>6
body {7
background-image: url("/examples/img_tree.png");8
background-repeat: no-repeat;9
background-position: right top;10
margin-right: 200px;11
}12
</style>13
14
</head>15
16
<body>17
<h1>Hello World!</h1>18
<p>背景图片不重复，设置 position 实例。</p>19
<p>背景图片只显示一次，并与文本分开。</p>20
<p>实例中还添加了 margin-right 属性用于让文本与图片间隔开。</p>21
</body>22
23
</html>