在CSS中,我們可以使用background-image
屬性來(lái)添加鏈接圖片,這個(gè)屬性允許我們指定一個(gè)圖片作為元素的背景,并且可以通過(guò)url()
函數(shù)來(lái)指定圖片的路徑。
如果我們有一個(gè)名為my-image.png
的圖片,并且想要將其鏈接到#my-div
元素上,我們可以這樣寫(xiě)CSS代碼:
#my-div { background-image: url('my-image.png'); }
這樣,當(dāng)用戶(hù)點(diǎn)擊#my-div
元素時(shí),就會(huì)跳轉(zhuǎn)到my-image.png
圖片所在的頁(yè)面。
需要注意的是,url()
函數(shù)中的路徑可以是相對(duì)路徑或***路徑,相對(duì)路徑是相對(duì)于當(dāng)前CSS文件所在位置的路徑,而***路徑則是從網(wǎng)站根目錄開(kāi)始的完整路徑。
我們還可以使用alt
屬性來(lái)指定圖片的替代文本,這樣當(dāng)圖片無(wú)法加載時(shí),用戶(hù)就可以看到替代文本,而不會(huì)看到一個(gè)空白的元素。
#my-div { background-image: url('my-image.png'); alt: 'My Image'; }
這樣,當(dāng)圖片無(wú)法加載時(shí),用戶(hù)就會(huì)看到“My Image”這個(gè)替代文本。