Html 使用CSS背景拉伸图像以填充背景

Html 使用CSS背景拉伸图像以填充背景,html,css,Html,Css,我有一个我喜欢的形象。我想用这个小图片来填充我的页面,但是图片有渐变效果,所以我不能用重复。有什么方法可以使图像拉伸以用CSS填充页面吗?没有,您不能设置背景图像的大小。您必须使用图形编辑程序重复或拉伸图像本身 您也可以使用带有IMG标记和CSS的变通方法:我意识到这是一个相当古老的问题,但鉴于我偶然发现了它,我不妨在这里给出一个答案 可以使用背景大小CSS属性更改背景图像的大小,如下所示: .class { background-image: url(....); backgrou

我有一个我喜欢的形象。我想用这个小图片来填充我的页面,但是图片有渐变效果,所以我不能用重复。有什么方法可以使图像拉伸以用CSS填充页面吗?

没有,您不能设置背景图像的大小。您必须使用图形编辑程序重复或拉伸图像本身


您也可以使用带有
IMG
标记和CSS的变通方法:

我意识到这是一个相当古老的问题,但鉴于我偶然发现了它,我不妨在这里给出一个答案

可以使用
背景大小
CSS属性更改
背景图像的大小,如下所示:

.class {
   background-image: url(....);
   background-size:  100% 100%;
}
请在此处查看更多信息:。

的副本