实战-1 背景图片实战

怎么样把一个大的背景图片完整的显示在网页中。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>小米背景定位案例</title>
    <style type="text/css">
        body{
            margin: 0;
        }
        .bgi{
            width: 100%;
            height: 1080px;
            background-image: 	url("./5wj2d3.jpg");
            background-repeat: no-repeat;
            background-position: center top;
        }
    </style>
</head>
<body>
<div class="bgi"></div>
</body>
</html>

注：以上background属性值可以写成一行代码

background: url('./5wj2d3.jpg') no-repeat center top;
posted @ 2022-08-05 11:10  角角边  Views(33)  Comments(0)    收藏  举报