在CSS中引用圖片的方法有多種,以下是一些常見的引用方式:
1、使用URL引用圖片:在CSS中,可以使用url()函數(shù)來引用圖片,
div { background-image: url("image.png"); }
2、使用相對(duì)路徑引用圖片:如果圖片和CSS文件在同一目錄下,可以使用相對(duì)路徑來引用圖片,
div { background-image: url("image.png"); }
如果圖片在CSS文件的子目錄下,可以使用相對(duì)路徑來引用圖片,
div { background-image: url("images/image.png"); }
3、使用***路徑引用圖片:如果圖片在網(wǎng)站上的***路徑已知,可以使用***路徑來引用圖片,
div { background-image: url("http://html4.cn/images/image.png"); }
需要注意的是,如果圖片路徑中的文件名或文件夾名包含空格或特殊字符,需要使用引號(hào)將路徑括起來,
div { background-image: url("images/image with spaces.png"); }
如果需要在HTML中使用圖片,可以使用img標(biāo)簽來引用圖片,
<img src="image.png" alt="描述圖片的文字">
也可以使用***路徑或相對(duì)路徑來引用圖片。