关于背景图片尺寸的问题
来源: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
同学你好,一般都会给出图片尺寸的,或者通过属性查看图片大小为多少

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

设置背景图片的盒子宽高必须设置,不能为auto,否则不会显示图片。
祝学习愉快!
相似问题