css - 使用 CSS 更改背景图像的宽度

Question

我有以下代码：

#main {
  background: url(../../images/achtergrond.png) center top repeat-y;
}

是否可以更改背景图像的宽度？

Answer 1

您可以使用background-size属性来执行此操作...

#main {
    background-size: 20px 50px;
    /* Other properties goes here */
}

其中第一个参数是 X 轴或水平，另一个是 Y 轴或垂直。

所以如果你想改变width你需要将 Y 参数设置为你想要的单位和 X 你可以设置为auto

另外，您使用的是速记属性，我为您提供了特定的属性，以便您可以得到我所做的，您当然可以将其集成到background-size您的速记声明中。