html布局电脑端banner图片百分比自动缩放 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .banner_pic {
            width: 100%;
            height: 284px;
            border: seagreen solid 2px;
        }

    </style>
</head>
<body>
<div class="banner_pic">
    <a href=""
       style="background:rgba(0,0,0,0)
           url(./images/zczx.png) no-repeat center center;
           display:block;width:100%;height:100%;"
    ></a>
</div>
</body>
</html>
posted @ 2023-10-16 14:33  猖狂的小山猪  阅读(45)  评论(0)  编辑  收藏  举报