10：背景尺寸

liu1992452008

于 2017-07-18 17:22:03 发布

阅读量296

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/75314557

本文介绍如何使用CSS设置背景图片，并通过具体的代码示例展示了如何调整背景图片的尺寸使其适应不同的容器大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

***相应效果

***相关图片

***相关代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box1 {
            height: 500px;
            width: 800px;
            background: url(images/img3.jpg) no-repeat;
            border: 2px solid black;
            /*图片尺寸：auto 长度值 cover：覆盖  contains：即将背景图片等比缩放至某一边紧贴容器边缘为止     */
            background-size: auto;
        }
    </style>
</head>

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

</html>