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