url()函数是一个内置函数, 用于包含文件。该函数的参数是绝对URL, 相对URL或数据URI。 url()函数可用于背景图像, 边框图像, 列表样式图像, 内容, 光标, 边框图像, 边框图像源, 作为@ font-face块一部分的src和@反样式/符号。
语法如下:
url( <
string>
<
url-modifier>
* )
【CSS如何使用url()函数(用法代码示例)】参数:该函数接受单个参数网址以字符串格式保存网址。 url的示例是:
<
css_property>
: url("https://lsbin.org/image.png")
<
css_property>
: url('https://lsbin.org/image.png')
<
css_property>
: url(https://lsbin.org/image.png)
以下示例说明了CSS中的url()函数:
例子:
<
!DOCTYPE html>
<
html >
<
head >
<
title >
CSS url() function<
/ title >
<
style >
body {
background-image: url(
"https://media.lsbin.org/wp-content/cdn-uploads/20190710102234/download3.png");
text-align:center;
}
h1 {
color:white;
}
<
/ style >
<
/ head >
<
body >
<
h1 >
lsbin<
/ h1 >
<
h2 >
CSS url() function<
/ h2 >
<
/ body >
<
/ html >
输出如下:
支持的浏览器:url()函数支持的浏览器如下所示:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- 苹果浏览器
- 歌剧
推荐阅读
- 算法(将所有小于或等于k的元素组合在一起所需的最小交换)
- Materialize CSS实现switch开关控件
- Linux中的chroot命令用法和示例
- PHP如何使用ImagickDraw bezier()函数(代码示例)
- pcos装机大师,本文教您如何迅速安装系统
- u盘pe打开盘制作,本文教您如何在20分钟内完成打开盘制作
- 如何设置开机打开项,本文教您电脑如何设置win7开机打开项
- usb打开怎样设置,本文教您惠普笔记本怎样设置usb打开
- 卡片u盘,本文教您如何运用以及需要注意啥