html url函数,CSS url()用法及代码示例

url()函数是一个内置函数，用于包含文件。该函数的参数是绝对URL，相对URL或数据URI。 url()函数可用于背景图像，边框图像，列表样式图像，内容，光标，边框图像，边框图像源，作为@ font-face块一部分的src和@反样式/符号。

用法:

url( * )

参数：此函数接受单个参数url，该参数以字符串格式保存url。 url的示例是：

:url("https://geeksforgeeks.org/image.png")

:url('https://geeksforgeeks.org/image.png')

:url(https://geeksforgeeks.org/image.png)

下面的示例说明了CSS中的url()函数：

例：

CSS url() function

body {

background-image:url(

"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png");

text-align:center;

}

h1 {

color:white;

}

GeeksforGeeks

CSS url() function

输出：

支持的浏览器：url()功能支持的浏览器如下：

谷歌浏览器

IE浏览器

火狐浏览器

苹果浏览器

Opera