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

Question

我有以下代码:

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

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

Answer 1

您可以使用 background-size属性(property)这样做...

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

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

因此，如果您想更改宽度，您需要将 Y 参数设置为您想要的单位，并将 X 设置为 auto

此外，您使用的是简写属性，我为您提供了具体的属性，以便您可以得到我所做的，您一定可以在简写声明中集成 background-size .