在CSS中引用圖片的方法有多種,以下是一些常見(jiàn)的引用方式:
1、使用URL引用圖片:在CSS中,可以使用url()函數(shù)來(lái)引用圖片,
div { background-image: url("image.png"); }
2、使用相對(duì)路徑引用圖片:如果圖片和CSS文件在同一目錄下,可以使用相對(duì)路徑來(lái)引用圖片,
div { background-image: url("image.png"); }
如果圖片在CSS文件的子目錄中,可以使用相對(duì)路徑來(lái)引用圖片,
div { background-image: url("images/image.png"); }
3、使用***路徑引用圖片:如果圖片在網(wǎng)站上的***位置已知,可以使用***路徑來(lái)引用圖片,
div { background-image: url("http://html4.cn/images/image.png"); }
4、使用數(shù)據(jù)URI引用圖片:在CSS中,還可以使用數(shù)據(jù)URI來(lái)引用圖片,
div { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAADElEQVQYGWNgGEYAAADNAAGVVebMAAAAAElFTkSuQmCC"); }
是幾種常見(jiàn)的引用圖片的方式,具體使用哪種方式取決于圖片的位置和用途。