当我们谈到背景图片,@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);
}