html+css 设置背景图片

最新推荐文章于 2024-05-16 16:22:03 发布

Ark方舟

最新推荐文章于 2024-05-16 16:22:03 发布

阅读量706

点赞数 1

分类专栏：前端笔记文章标签： html5 css

本文链接：https://blog.csdn.net/weixin_40516924/article/details/104850370

版权

前端笔记专栏收录该内容

21 篇文章 2 订阅

订阅专栏

看一下HTML代码:

<body>
    <div class="box"></div>
</body>

CSS代码如下：

        *{
            margin: 0;
            padding: 0;
        }
        .box{
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
        }
        .box::before{
            display: block;
            content: "";
            height: 100%;
            background: url("./img/6c89f115f22ef7516779f11434b310c1.jpg");
            background-size: cover;
        }

上图即可实现图片自适应的效果了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ark方舟

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
html+css 设置背景图片

看一下HTML代码:<body> <div class="box"></div></body>CSS代码如下：*{ margin: 0; padding: 0;} .box{ position: absolute; top: 0; left: 0; right:...
复制链接

扫一扫