了解如何使用 CSS url() 函数

了解如何使用 CSS url() 函数

统一资源位置（URL）函数是用于包含文件的内置函数。该函数采用绝对 URL、相对 URL 或数据 URI 作为参数。

可以url()作为以下几项的值包含在内：

背景图
边框图像
列表样式图像
内容
光标
边框图像
边框图像源
src 作为 @font-face 块的一部分
和 @counter-style/symbol 都可以与 url() 函数一起使用。

句法

url(“address_of_file”)

参数

文件地址是该函数所需的单个参数。该文件的地址可以是绝对或相对 URL，或者所需的任何资源的 URI。png该资源可以是、jpeg、gif、 甚至格式的文件或图像svg。

URL 类型

当讨论背景图像、@import 和其他主题时，我们使用 url() 函数来加载资源。url() 函数接受一个url值作为其参数。这指定了文件的位置。

相对 URL

在本例中，我使用了相对 URL，它在定义 CSS 文件的文件夹中搜索文件。因此，如果资源 (image.png) 与 CSS 文件位于同一文件夹中，那么它将找到该图像。

/* Relative URLs */
.hero