在時離不開網頁設計，而圖片在網頁設計中又是不可或缺的組成部分。在主流的網頁排版中一般會使用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'設置背景圖片不重復。