在CSS文件中添加圖片,可以通過使用url()
函數(shù)來實(shí)現(xiàn)。url()
函數(shù)可以將圖片路徑作為參數(shù)傳入,并將其設(shè)置為某個(gè)元素的背景、邊框等屬性。
假設(shè)我們有一張名為image.png
的圖片,存放在網(wǎng)站的images
目錄下,我們想要將這張圖片設(shè)置為某個(gè)元素的背景,可以這樣做:
element { background-image: url('images/image.png'); }
element
代表需要添加圖片的元素,可以是div
、span
、a
等HTML元素。background-image
屬性用于設(shè)置元素的背景圖片。
除了背景圖片,CSS還支持將圖片設(shè)置為邊框、列表項(xiàng)標(biāo)記等屬性,將圖片設(shè)置為列表項(xiàng)標(biāo)記:
ul { list-style-image: url('images/image.png'); }
ul
代表無序列表元素,list-style-image
屬性用于設(shè)置列表項(xiàng)的圖片標(biāo)記。
需要注意的是,圖片路徑可以是相對(duì)路徑或***路徑,相對(duì)路徑是相對(duì)于當(dāng)前CSS文件所在位置的路徑,而***路徑則是相對(duì)于網(wǎng)站根目錄的路徑,在實(shí)際應(yīng)用中,應(yīng)根據(jù)具體情況選擇合適的路徑。