CSS图像无重复

CSS图像无重复,css,image,Css,Image,我有一张图片作为横幅,我从谷歌下载了一张更好的图片,可惜它的宽度更小,所以它重复了2.25次。我不想让它重演。除了调整图像的大小以完全适合我当前css的指定高度和宽度之外。。如何防止重复,我试过背景:不重复;无济于事。。它抵消了图像 有这个css #banner{ background:url(images/banner.jpg); float:left; width:500px; height:200px; border-bottom:1px solid #c8e

我有一张图片作为横幅,我从谷歌下载了一张更好的图片,可惜它的宽度更小,所以它重复了2.25次。我不想让它重演。除了调整图像的大小以完全适合我当前css的指定高度和宽度之外。。如何防止重复,我试过背景:不重复;无济于事。。它抵消了图像

有这个css

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

background:  url(iamges/banner.jpg) top left no-repeat;
您可以用自己的值替换
top
left
的值

背景重复:不重复

尝试以下操作:

background:  url(iamges/banner.jpg) top left no-repeat;
您可以用自己的值替换
top
left
的值

背景重复:不重复

尝试更改

background : no-repeat;

尝试改变

background : no-repeat;


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


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

您的第二个
背景
标记正在覆盖您的第一个。我更喜欢把它们组合成一个标签


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

后台重复:无重复
后台重复:不重复我明白了,我两年前开始上css设计课。。穆斯塔夫忘了。。。隐马尔可夫模型。。谢谢我会记住的。我明白了,我两年前上了css设计课。。穆斯塔夫忘了。。。隐马尔可夫模型。。谢谢我会记住的。。