HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 如何将背景图像重复为块大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以将背景图像重复为块?当我将div设为100%宽度并将高度设置为70px时,此图像重复良好,但问题取决于盒子的宽度,有时一半的项目显示出来并且没有任何意义.我希望整个图像重复,如果有空间,如果没有重复应该结束.可能吗?
#wrapper {
  BACkground-color: #E3E3E3;
  position: relative;
  padding: 55px 0 0 0;
}
#notepadTop {
  display: block;
  position: absolute;
  top: -24px;
  left: 0;
  width: 100%;
  height: 70px;
  BACkground: url('http://i.imgur.com/lbW0QX6.png') repeat;
}
<div id="wrapper">
  <div id="notepadTop">

  </div>
</div>

这是图像

解决方法

尝试在你的CSS中添加:

BACkground-repeat:round

所以你有了:

#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及以下(你不应该担心它).

大佬总结

以上是大佬教程为你收集整理的html – 如何将背景图像重复为块全部内容,希望文章能够帮你解决html – 如何将背景图像重复为块所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。