html显示缩略小图 无失真图片

时间：2024-12-22 16:03:37
<html>

<head>

    <title>我的图片处理</title>

    <style type="text/css">

        html {

            height: 100%;

        }

        div {

            background-image: url([3~YBZF0_Q4B`IXK47}AOU6.png);

            background-repeat: no-repeat;

            background-position: center center;

            background-size: cover;

        }

    </style>

</head>

<body>

    <img style="height: 100px; width: 100px; background-image: url([3~YBZF0_Q4B`IXK47}AOU6.png); background-repeat: no-repeat; background-position: center center; background-size: cover; "/>

</body>

</html>

相关文章