在時離不開網頁設計，而圖片在網頁設計中又是不可或缺的組成部分。在主流的網頁排版中一般會使用CSS來控製頁麵中圖片的顯示，如平鋪、覆蓋、局部、重複等操作。如何通過CSS樣式屬性來控製背景圖片的重複與否，其實在CSS屬性中可以使用background-repeat來定義背景圖片的重複屬性。

CSS背景圖片控製屬性：
background-repeat:repeat-x|repeat-y|no-repeat

•repeat-x：圖片在x軸方向上重複。
•repeat-y：圖片在y軸方向上重複。   
•no-repeat：不平鋪，圖片隻顯示一次。

//div背景圖片不重複
<style>
.demo{
width:500px;height:600px;margin:0 auto;
background-image:url(
background-repeat:no-repeat; 
}
</style>
<div class="demo"></div>

如上，在類名為'demo'的盒子裏添加一個名為'logo.png'的圖片做為背景圖，並通過background-repeat的不重複屬性'no-repeat'設置背景圖片不重複。