在網(wǎng)站設(shè)計(jì)中，選擇合適的背景圖片和顏色，可以提高網(wǎng)站的視覺(jué)美感，增強(qiáng)用戶體驗(yàn)，下面我們來(lái)看幾個(gè)常見的背景案例。

一、重復(fù)背景

background-image: url("bg-repeat.png");
background-repeat: repeat;

在上面的代碼中，我們使用了background-image屬性來(lái)指定背景圖片的路徑，使用background-repeat屬性來(lái)指定背景圖片的重復(fù)方式。repeat值表示將背景圖片橫向和縱向重復(fù)鋪滿整個(gè)頁(yè)面。

二、居中背景圖片

background-image: url("bg-center.png");
background-repeat: no-repeat;
background-position: center;

在這段代碼中，我們同樣使用了background-image屬性指定背景圖片的路徑，使用background-repeat屬性來(lái)指定背景圖片不重復(fù)，而background-position屬性則使用center值使背景圖片居中于頁(yè)面。

三、漸變背景

background: linear-gradient(to bottom, #7ec0ee, #1c86ee);

這塊代碼中，我們使用了簡(jiǎn)寫的background屬性，經(jīng)過(guò)簡(jiǎn)單設(shè)置就可以實(shí)現(xiàn)漸變背景的效果。我們使用linear-gradient屬性定義漸變方式，to bottom表示從上到下的漸變方式，#7ec0ee表示起始顏色，#1c86ee表示終止顏色。

以上就是一些常見的CSS背景案例，實(shí)際應(yīng)用中可以根據(jù)需求和設(shè)計(jì)風(fēng)格來(lái)進(jìn)行靈活應(yīng)用，使網(wǎng)站設(shè)計(jì)更加美觀和實(shí)用。