关于背景图片尺寸的问题
来源: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,否则不会显示图片。
祝学习愉快!
相似问题