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教程: