18.4.3　设置背景为不铺排

设置背景图像不铺排。对CSS中的box操作后，多了一行代码为background-repeat，然后设置值为no-repeat，表示不向任何方向铺排，box的代码如下。

01 .box

02 {

03 height：100px；

04 border：1px solid red；

05 background：green；

06 /设置背景图像/

07 background-image：url（"html.jpg"）；

08 /设置背景不铺排/

09 background-repeat：no-repeat；

10 }

【代码解析】在上述代码中，原来的图像按层大小全部重复显示，即铺排效果，通过background-repeat来设置图像是否铺排，本步中，设置为no-repeat，表示不铺排（代码第9行），在网页中的效果如图18.10所示。

图　18.10　设置背景图像不铺排