CSS url()

了解如何使用CSS url()函數

當我們談論背景圖片時,@import,還有更多,我們使用url()加載資源的功能:

div {
  background-image: url(test.png);
}

在這種情況下,我使用了一個相對URL,它在定義CSS文件的文件夾中搜索文件。

我可以再上一層

div {
  background-image: url(../test.png);
}

或進入文件夾

div {
  background-image: url(subfolder/test.png);
}

或者,我可以從託管CSS的域的根目錄開始加載文件:

div {
  background-image: url(/test.png);
}

或者,我可以使用絕對URL來加載外部資源:

div {
  background-image: url(https://mysite.com/test.png);
}

免費下載我的CSS手冊


更多CSS教程: