在網(wǎng)頁(yè)設(shè)計(jì)中，背景圖片占據(jù)了很重要的位置。為了讓背景圖更好地展示，我們需要對(duì)它進(jìn)行橫鋪處理。CSS中提供了很多方法可以實(shí)現(xiàn)這個(gè)功能，下面介紹兩種常用的方法。 第一種方法是使用background-size屬性，該屬性用于設(shè)置背景圖片的大小。我們可以設(shè)置其值為“100% auto”，表示寬度鋪滿(mǎn)父元素，高度按照原圖大小展示。 代碼如下：

body {
background-image: url("example.jpg");
background-repeat: no-repeat;
background-size: 100% auto;
}

實(shí)現(xiàn)效果如下圖：  第二種方法是使用CSS3中的新屬性background-repeat: round。該屬性可以自動(dòng)縮放背景圖片，使其鋪滿(mǎn)整個(gè)父元素。需要注意的是，該屬性對(duì)于自適應(yīng)網(wǎng)頁(yè)布局效果更佳。 代碼如下：

body {
background-image: url("example.jpg");
background-repeat: round;
}

實(shí)現(xiàn)效果如下圖：  總結(jié)：無(wú)論哪種方法都可以輕松實(shí)現(xiàn)背景圖的橫鋪效果，具體選擇哪一種還需根據(jù)需求來(lái)定。