CSS作為前端開(kāi)發(fā)中重要的一環(huán)，經(jīng)常用到設(shè)置背景顏色和背景圖片的功能。那么，如果我們同時(shí)想要給一個(gè)元素設(shè)置背景顏色和背景圖片，該怎么辦呢？

div {
background-color: #ffffff; /* 設(shè)置背景顏色為白色 */
background-image: url(bg.jpg); /* 設(shè)置背景圖片為bg.jpg */
background-repeat: no-repeat; /* 不重復(fù)背景圖片 */
background-position: center center; /* 設(shè)置背景圖片居中顯示 */
}

在這段代碼中，我們給一個(gè)div元素同時(shí)應(yīng)用了背景顏色和背景圖片兩個(gè)屬性。其中，background-color用來(lái)設(shè)置背景顏色，取值可以是顏色名稱、十六進(jìn)制RGB值或RGB值；background-image用來(lái)設(shè)置背景圖片，取值可以是圖片路徑；background-repeat和background-position用來(lái)分別控制背景圖片的重復(fù)和位置。

除了以上屬性，CSS中還有很多可以用來(lái)優(yōu)化背景顏色和背景圖片的屬性，比如background-attachment用來(lái)控制背景圖片是否跟隨頁(yè)面滾動(dòng)、background-size用來(lái)控制背景圖片的大小等等。在實(shí)際開(kāi)發(fā)中，我們可以根據(jù)需求選擇不同的屬性組合來(lái)實(shí)現(xiàn)最佳的效果。