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像素高,并将其作为背景图像显示。