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