关于背景图片尺寸的问题

来源:4-3 编程练习

weixin_慕码人1392209

2020-03-26 23:59:28

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{
            padding: 0; margin: 0;
        }
        .page{
            width: 100%;
            height: auto;
            background: url("http://climg.mukewang.com/59c9f7ce0001839219034033.png") center top no-repeat;
        }
    </style>
</head>
<body>
    <div class="page"></div>
</body>
</html>

如果不知道背景图片尺寸的话,该怎么设置

写回答

1回答

好帮手慕星星

2020-03-27

同学你好,一般都会给出图片尺寸的,或者通过属性查看图片大小为多少

http://img.mukewang.com/climg/5e7d5148090954b115600637.jpg

如果还是不知道图片大小,在后面css3中会学习到background-size属性来设置图片大小,属性值可以设置为100% 100%,这样就可以在水平和垂直方向上铺满盒子了。这里可以先了解一下,例如:

http://img.mukewang.com/climg/5e7d51b309db0dc616330330.jpg

设置背景图片的盒子宽高必须设置,不能为auto,否则不会显示图片。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程