1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <style>
7 div{
8 width: 1000px;
9 height: 700px;
10 border: 1px solid black;/*黑色像素为1px的实线边框*/
11 background-image: url("images/a.png");/*默认全部平铺*/
12 }
13 .div1{
14 background-repeat: repeat-x;/*水平平铺*/
15 }
16 .div2{
17 background-repeat: repeat-y;/*垂直平铺*/
18 }
19 .div3{
20 background-repeat: no-repeat;/*不平铺，只有一个头像*/
21 }
22 </style>
23 </head>
24 <body>
25 <div class="div1"></div>
26 <div class="div2"></div>
27 <div class="div3"></div>
28
29 </body>
30 </html>
效果图
repeat-x
repeat-y
no-repeat