1. 犀牛前端部落首页
  2. 数据库百科

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

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

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

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

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

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/5158.html

发表评论

登录后才能评论