使用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整合到你的简短声明中。