在網(wǎng)頁設(shè)計中，背景圖是非常重要的一個元素，它能給網(wǎng)頁帶來不同的氛圍和風(fēng)格。但是，有時候我們需要把背景的一個部分和另外一個部分分割開來，可能是為了突出重要信息，也可能是為了讓網(wǎng)頁看起來更加有層次感。接下來，我們就來介紹一種使用CSS實現(xiàn)把背景分成兩部分的方法。

/*首先設(shè)定整個網(wǎng)頁的背景圖*/
body{
background-image:url(bg.png);
background-size:cover;
}
/*接下來，我們要把背景圖分成兩個部分*/
.first-background{
/*通過設(shè)置位置、大小、重復(fù)模式等屬性，使第一部分背景圖只顯示到網(wǎng)頁的一部分*/
background-image:url(first-bg.png);
background-position:center top;
background-size:cover;
background-repeat:no-repeat;
height:50%;
}
.second-background{
/*同樣，為了使第二部分背景圖只占據(jù)網(wǎng)頁的一部分，我們需要設(shè)定一些屬性*/
background-image:url(second-bg.png);
background-position:center bottom;
background-size:cover;
background-repeat:no-repeat;
height:50%;
}

如上所述，通過CSS代碼的設(shè)定，我們成功將背景圖分成了兩個部分，可以讓網(wǎng)頁更加美觀和有層次感。同時，我們也可以看到，CSS可以發(fā)揮很多作用，不僅可以調(diào)整網(wǎng)頁的布局，還可以設(shè)計各種效果。