在HTML中调整背景图像的大小
我是HTML新手,目前我将以下代码存储在.css文件中。如果用户更改窗口大小,允许自动调整大小的最佳方法是什么?我尝试使用下面的代码来实现这一点,但未能获得预期的结果在HTML中调整背景图像的大小,html,css,Html,Css,我是HTML新手,目前我将以下代码存储在.css文件中。如果用户更改窗口大小,允许自动调整大小的最佳方法是什么?我尝试使用下面的代码来实现这一点,但未能获得预期的结果 body { background-image: url('Images/Space.jpg'); text-align: center; } text { color:white; } img { width: 100%; height: auto; } 宽度100%使响应速
body {
background-image: url('Images/Space.jpg');
text-align: center;
}
text {
color:white;
}
img {
width: 100%;
height: auto;
}
宽度100%使响应速度更快,图像封面也一样,但更有用,无需设置宽度或高度
*{边距:0;填充:0;}
正文{
背景:urlhttps://www.w3schools.com/css/img_flowers.jpg 无重复中心固定;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}
调整浏览器窗口的大小以查看效果
尝试使用CSS背景大小属性
如果您还添加了HTML代码或创建一个代码段,这将有所帮助。
body {
background-image: url('Images/Space.jpg');
background-size: 100%;
text-align: center;
}