首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]css中如何让图像变小可以当背景

发布于 2024-11-11 19:27:49
0
29

CSS中可以使用backgroundsize属性将图像大小变小,同时作为背景出现。backgroundsize: 宽度 高度; 其中,宽度和高度可以采用百分比或像素作为单位。如果只给定一个值,另一个值...

CSS中可以使用background-size属性将图像大小变小,同时作为背景出现。

background-size: 宽度 高度; 

其中,宽度和高度可以采用百分比或像素作为单位。

如果只给定一个值,另一个值会自动与原始比例相同。

例如,将背景图像大小设置为50%:

background-image: url("image.jpg");
background-size: 50%; 

这将使图像大小变为原来的一半,并且将其作为背景图像显示。

还可以将背景图像大小设置为像素值,例如:

background-image: url("image.jpg");
background-size: 300px 200px; 

这将将图像大小设置为300像素宽,200像素高,并将其作为背景图像显示。

评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流