CSS3 同时添加多张背景图片 (屏幕适配)

最新推荐文章于 2024-04-19 15:49:30 发布

houyanhua1

最新推荐文章于 2024-04-19 15:49:30 发布

阅读量9.2k

点赞数 5

本文链接：https://blog.csdn.net/houyanhua1/article/details/79652196

版权

CSS 同时被 3 个专栏收录

66 篇文章 1 订阅

订阅专栏

HTML5

55 篇文章 1 订阅

订阅专栏

CSS3

34 篇文章 0 订阅

订阅专栏

demo.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>

        .box {
            width: 500px;
            height: 500px;
            border: 1px solid #000;
            margin: 100px auto;

            /* 添加多个背景图片,用","号隔开  (可以用于屏幕适配) */
            background: url("22.jpg") no-repeat left top,
                        url("22.jpg") no-repeat right top,
                        url("22.jpg") no-repeat left bottom,
                        url("22.jpg") no-repeat right bottom,
                        url("22.jpg") no-repeat center;
        }

    </style>
</head>
<body>
    <div class="box"></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

houyanhua1

关注关注

5
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
CSS3 同时添加多张背景图片 (屏幕适配)

demo.html：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; .box {
复制链接

扫一扫