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);
}

或者我们可以从根域名下面，设置图片：

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

或者可以使用一个绝对的URL来加载外部资源：

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