要更改CSS中URL图片的大小,可以使用background-size
属性来实现。下面是两种常用的方法:
- 使用百分比:
.your-element { background-image: url(路径/到/图片.jpg); background-size: 50% auto; /* 调整宽度为父元素宽度的50%,高度自动调整 */ }
在上面的例子中,将
background-size
的宽度设置为50%,高度设置为auto
,这样图像的宽度将占据父元素宽度的50%,高度将根据宽度的比例自动调整。 - 使用具体数值:
.your-element { background-image: url(路径/到/图片.jpg); background-size: 200px 150px; /* 将宽度设置为200像素,高度设置为150像素 */ }
在上面的例子中,将
background-size
的宽度设置为200像素,高度设置为150像素,这样图像将以指定的大小显示。
请注意,上述方法中的.your-element
是你想要应用样式的元素选择器,请将其替换为你自己的选择器。此外,这些方法仅适用于背景图像,如果要调整HTML <img>
元素中的图像大小,请使用width
和height
属性来设置其宽度和高度。