CSS图像不重复

Question

我有一张图片作为横幅，我从谷歌下载了一张更好的图片，遗憾的是它的宽度较小，所以它重复了 2 次又四分之一。我希望它不要重复。除了调整图像的大小以完全适合我当前 css 的指定高度和宽度之外。我怎样才能防止它重复，我试过 background: no-repeat;无济于事..它抵消了图像。

有这个CSS。

#banner{
   background:url(images/banner.jpg);
   float:left;
   width:500px;
   height:200px;
   border-bottom:1px solid #c8e0ff;
   background : no-repeat;
}

Answer 1

您的第二个 background 标签正在覆盖您的第一个标签。我更喜欢将它们组合成一个标签。

background:url(images/banner.jpg) 不重复;