css url()用法介紹

URL是對一個資源的指標，它使用函式符號<url>來表示。

語法結構如下:

[CSS] 純文字檢視 複製程式碼
url( <string> <url-modifier>* )

在網頁上提供一個資源地址。（影像，聲頻，視訊或瀏覽器支援的其他任何資源）

由於歷史原因， <url> 可以不加引號，所以對於 <url> 的處理，有引號和無引號都是正確的。

程式碼例項如下:

[CSS] 純文字檢視 複製程式碼
div {
  background-image: url("1.gif");
}
div {
  background-image: url(1.gif);
}

上面兩端程式碼是完全等價的。

使用在@import上時，可以使用 <string> 來表示一個<url>，也就是說可以省略 url() 符號，直接是一個資源地址。

程式碼例項如下:

[CSS] 純文字檢視 複製程式碼
@import url(global.css);
@import "global.css";