在網(wǎng)頁設(shè)計中，背景圖是用來裝飾網(wǎng)頁的重要元素之一。為了讓背景圖在網(wǎng)頁中呈現(xiàn)出最佳效果，我們需要掌握一些關(guān)于背景大小的CSS知識。

CSS中有兩個屬性可以用來控制背景大小：background-size和background-repeat。

background-size: 屬性值;
background-repeat: 屬性值;

其中，background-size用來設(shè)置背景圖的大小，有以下幾種取值：

1、auto：表示使用原始圖片大小。

2、cover：表示拉升圖片，使它填滿整個背景區(qū)域。

body {
background-image: url("bg.jpg");
background-size: cover;
}

3、contain：表示等比縮放圖片，使圖片能夠完整地顯示在背景區(qū)域中。

body {
background-image: url("bg.jpg");
background-size: contain;
}

除了以上幾種取值外，background-size還可以用具體數(shù)值來控制背景圖的大小。

body {
background-image: url("bg.jpg");
background-size: 100px 200px;
}

而對于background-repeat，它用來設(shè)置背景圖的重復(fù)方式，取值有以下幾種：

1、repeat-x：表示沿著水平方向重復(fù)背景圖。

body {
background-image: url("bg.jpg");
background-repeat: repeat-x;
}

2、repeat-y：表示沿著垂直方向重復(fù)背景圖。

body {
background-image: url("bg.jpg");
background-repeat: repeat-y;
}

3、no-repeat：表示不重復(fù)背景圖。

body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
}

4、repeat：表示沿著水平和垂直方向都重復(fù)背景圖。

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

掌握了這些背景大小的相關(guān)知識，我們就可以根據(jù)需要設(shè)置背景圖的大小和重復(fù)方式，達到網(wǎng)頁裝飾和美化的效果。