html+css 設定背景圖片

Bear Cookie發表於2020-09-29

看一下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;
        }

 上圖即可實現 圖片 自適應的效果了

相關文章