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