CSS可以控制網(wǎng)頁(yè)的樣式，其中一種非常常見(jiàn)的樣式是背景圖片。但是有時(shí)候我們可能不想讓這張背景圖片重復(fù)出現(xiàn)，而是只想讓它出現(xiàn)一次或者不出現(xiàn)。

background-repeat:none;

上述代碼可以讓背景圖片不重復(fù)出現(xiàn)，只出現(xiàn)一次。如果我們希望圖片只在水平或垂直方向上顯示，則可以使用以下代碼：

background-repeat:repeat-x; /*在水平方向上重復(fù)*/
	background-repeat:repeat-y; /*在垂直方向上重復(fù)*/
	background-repeat:no-repeat; /*不重復(fù)*/

除了使用背景圖像來(lái)控制排版之外，CSS還提供了另一個(gè)屬性:background-position。這個(gè)屬性可以控制背景圖片在元素中的位置。

background-position:center top; /*將圖片放置在元素中心的頂部*/
	background-position:left bottom; /*將圖片放置在元素左下角*/
	background-position:right 20px bottom 10px; /*將圖片放置在元素右邊距離20像素，底部距離10像素的位置*/

如果您想一次性設(shè)置不重復(fù)的背景圖片和位置屬性，可以在一個(gè)屬性中組合它們：

background:url('yourimage.png') no-repeat center top;

CSS的這些樣式屬性可以有很多用途，可以用于各種類型的網(wǎng)站和排版。通過(guò)簡(jiǎn)單地控制圖像的展示方式和位置，您可以輕松地創(chuàng)建出獨(dú)一無(wú)二的視覺(jué)效果。