胖蔡说技术
随便扯扯

CSS 函数url()使用

CSS函数原则上支持所有的URI资源属性值,支持加载本地资源或者是在线资源,格式为标准URI资源定位符格式。常见支持的CSS属性如:backgroundbackground-imagecursor@font-facelist-style等属性。其支持结构格式如下:

 <CSS 属性>:  url("http://mysite.example.com/mycursor.png")

浏览器兼容性

示例

<html>
<head>
    <title>CSS 中url()函数使用</title>
    <style>
         .main {
            min-height:280px;
            background-image: url("https://oss.enjoytoday.cn/wp-content/uploads/2022/10/image-111.png")
        }

    </style>
</head>
<body>
     <div class="main"></div>
</body>

显示结果:

赞(0) 打赏
转载请附上原文出处链接:胖蔡叨叨叨 » CSS 函数url()使用
分享到: 更多 (0)

请小编喝杯咖啡~

支付宝扫一扫打赏

微信扫一扫打赏