CSS3是現(xiàn)代網(wǎng)頁設(shè)計的重要一環(huán)，其中背景圖片填色是其中的重要特性。

/*設(shè)置背景圖片*/
body {
background-image: url("bg.jpg");
}
/*設(shè)置背景圖片填充方式*/
/*contain：保持圖片寬高比例，讓圖片完全顯示在容器中，可能留有空白*/
/*cover：保持圖片寬高比例，讓圖片完全覆蓋容器，可能會被裁剪*/
/*initial：使用默認值*/
/*inherit：繼承父元素的值*/
background-size: contain;
/*設(shè)置背景圖片是否重復(fù)*/
/*repeat：橫向縱向都平鋪*/
/*no-repeat：不平鋪*/
/*repeat-x：橫向平鋪*/
/*repeat-y：縱向平鋪*/
background-repeat: no-repeat;
/*設(shè)置背景圖片的起始位置*/
background-position: center center;
/*設(shè)置背景顏色*/
background-color: #f8d61e;
/*設(shè)置背景漸變*/
background-image: linear-gradient(to bottom right, #f8d61e, #f5a623);

經(jīng)過以上設(shè)置，我們可以輕松地將背景圖片和顏色混合使用，達到更好的設(shè)計效果。同時，也可以使用CSS3的背景漸變功能，讓網(wǎng)頁更加醒目和美觀。