在CSS中,我們可以使用background-image屬性來定義一個元素的背景圖片,讓頁面更加生動有趣。下面是這個屬性的語法:
selector { background-image: url("image.jpg"); }
其中,selector是需要定義背景圖片的元素選擇器,url()里面是圖片的地址。可以使用絕對路徑或相對路徑。
同時,我們可以使用多個background-image屬性來定義多個背景圖片。優(yōu)先級從后往前依次降低。此外,還可以使用background-repeat、background-position等屬性來控制背景圖片的重復(fù)和位置。例如:
selector { background-image: url("image.jpg"), url("image2.jpg"); background-repeat: no-repeat; background-position: center; }
這個例子中,selector的背景為兩個圖片,其中第一個圖片不重復(fù),第二個圖片默認(rèn)重復(fù),使得兩個圖片同居在了元素的正中央。