了解如何使用 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 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Q shen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值