Html 如何将背景图像作为块重复

Html 如何将背景图像作为块重复,html,css,Html,Css,是否可以将背景图像作为块重复?当我将div设置为100%宽度并将高度设置为70px时,这个图像重复得很好,但问题在于框的宽度不同,有时会显示一半的项目,这没有任何意义。我想整个图像重复,如果有空间,如果没有重复应该结束。可能吗 #包装器{ 背景色:#E3; 位置:相对位置; 填充:55px0; } #记事本{ 显示:块; 位置:绝对位置; 顶部:-24px; 左:0; 宽度:100%; 高度:70像素; 背景:url('http://i.imgur.com/lbW0QX6.png)重复; }

是否可以将背景图像作为块重复?当我将div设置为100%宽度并将高度设置为70px时,这个图像重复得很好,但问题在于框的宽度不同,有时会显示一半的项目,这没有任何意义。我想整个图像重复,如果有空间,如果没有重复应该结束。可能吗

#包装器{
背景色:#E3;
位置:相对位置;
填充:55px0;
}
#记事本{
显示:块;
位置:绝对位置;
顶部:-24px;
左:0;
宽度:100%;
高度:70像素;
背景:url('http://i.imgur.com/lbW0QX6.png)重复;
}


如果我理解了你的问题,你是在寻找
背景尺寸:封面

尝试将此添加到css中:

背景重复:圆形

因此,你有:

#notepadTop {
  display: block;
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  height: 70px;
  background-image: url('http://i.imgur.com/lbW0QX6.png');
  background-repeat: round;
}

round
是一个新的CSS3选项,因此这在IE8及以下版本上不起作用(您不必担心)。

与此问题类似,但宽度:我认为不起作用,背景大小:封面将一幅图像粘贴到整个div我希望背景重复,但作为一个块,所以我不希望重复2.5次,如果有空间,它应该重复3次,如果不是2次。没有真正的帮助:/