在CSS中调整背景图像的大小

在CSS中调整背景图像的大小,css,resize,Css,Resize,我需要将我的背景“Image.png”的大小调整为112 x 22像素,但是当我修改宽度和高度时,它会将图像裁剪为提供的大小,而不是调整其大小。 如何在CSS中调整图像的大小 #标题1{ 宽度:148px; 高度:29px; 左边距:10px; 背景图片:url(“/pic/image.png”); 显示:内联块; 垂直对齐:顶部; } 您是否尝试过背景尺寸选项 background-size: 112px 22px; 这是因为当您修改宽度和高度值时,实际上是在更改容器的这些值 您需要将以下内

我需要将我的背景“Image.png”的大小调整为112 x 22像素,但是当我修改
宽度
高度
时,它会将图像裁剪为提供的大小,而不是调整其大小。
如何在CSS中调整图像的大小

#标题1{
宽度:148px;
高度:29px;
左边距:10px;
背景图片:url(“/pic/image.png”);
显示:内联块;
垂直对齐:顶部;
}

您是否尝试过
背景尺寸
选项

background-size: 112px 22px;

这是因为当您修改
宽度
高度
值时,实际上是在更改容器的这些值

您需要将以下内容添加到CSS中:

#Title-1 {
    background-size: 112px 22px;
    background-repeat: no-repeat;
}
我现在明白了

我用以下方法解决了这个问题:

background-size:cover

谢谢大家。

由于您将图像用作CSS背景,而不是内联图像(
),请查看CSS属性
背景大小
。可能的重复