CSS中可以定義圖片的屬性,其中最基本的屬性是標(biāo)簽的屬性src。通過(guò)為標(biāo)簽定義src屬性,可以指定需要顯示的圖片的路徑。
img { src: url("example.jpg"); }
在CSS中,可以使用相對(duì)路徑或絕對(duì)路徑來(lái)指定圖片的路徑。相對(duì)路徑是指相對(duì)于CSS文件所在的目錄的路徑,而絕對(duì)路徑則是指圖片的完整URL地址。
比如,在CSS文件所在目錄下有一個(gè)名為“images”的子目錄,其中有一個(gè)名為“example.jpg”的圖片。則可以使用相對(duì)路徑指定圖片的路徑:
img { src: url("images/example.jpg"); }
在使用相對(duì)路徑時(shí),可以使用../來(lái)回退到上一級(jí)目錄。例如:
img { src: url("../images/example.jpg"); }
而如果圖片不在當(dāng)前目錄或其子目錄中,則需要使用絕對(duì)路徑來(lái)指定圖片的路徑。例如:
img { src: url("http://www.example.com/images/example.jpg"); }
使用CSS定義圖片的路徑可以給網(wǎng)頁(yè)開發(fā)帶來(lái)許多靈活性,在修改圖片路徑時(shí)也更加方便和快捷。