2.写css代码.bjimg { position: fixed; top: 0; left: 0; width: 100%; height: 10_css如何设置背景图片">
当前位置:   article > 正文

给网页添加背景图片 html+css_css如何设置背景图片

css如何设置背景图片

标题:给网页添加背景图片 html+css

项目场景:

给网页添加背景图片,网页缩小放大都不受影响 html+css

问题描述:

给网页添加背景图片,网页缩小放大都不受影响 ,

解决方案:

1.在html写入一个div盒子

<div class="bjimg"></div>
  • 1

2.写css代码

.bjimg {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      min-width: 1000px;
      z-index: -10;
      zoom: 1;
      background-color: #fff;
      background-image: url(../image/timg.jfif) ;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-position: center 0;
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

3.在url里写入自己图片地址就好

效果

我运行的效果
给字体添加背景图:
https://blog.csdn.net/luo1831251387/article/details/110774774

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/117114
推荐阅读
相关标签
  

闽ICP备14008679号