程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何调整放置在 CSS div 背景上的图像 gif 的大小大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何调整放置在 CSS div 背景上的图像 gif 的大小?

开发过程中遇到如何调整放置在 CSS div 背景上的图像 gif 的大小的问题如何解决?下面主要结合日常开发的经验,给出你关于如何调整放置在 CSS div 背景上的图像 gif 的大小的解决方法建议,希望对你解决如何调整放置在 CSS div 背景上的图像 gif 的大小有所启发或帮助;

    #Box-2
    {
      wIDth:50%;
      height:80%;
      BACkground-color: rgba(177,177,0.116);
      border:transparent;
      BACkground-image:url(human.gif);
  
    }

b

#Box-2
{
    wIDth:50%;
    height:80%;
    BACkground-color: rgba(177,0.116);
    border:transparent;
    BACkground-image:url(human.gif);
  
}
  <div 
          ID="Box-2">
             <p class="display-6">information</p>
    
             <h6 style="text-align: center;">How to nagivate through the Map</h6>
    
            
             <div class="foo blue"></div><ul>Lecture halls</ul>
             <div class="foo orange"></div><ul>EaTing Places</ul>
             <div class="foo purple"></div><ul>ResIDences</ul>
             <div class="foo black"></div><ul>School services</ul>
             <div class="foo green"></div><ul>Schools</ul>
          
          </div>

我想知道如何调整放在 div 上的 gif 的大小,我只在 CSS 背景上添加了 gif,而没有在 HTML 代码上添加

解决方法

您可以使用 css 属性 int。例如,如果您希望图像覆盖盒子,您可以使用 BACkground-size。您还可以输入固定值。 请参阅此处了解更多信息:https://developer.mozilla.org/de/docs/Web/CSS/BACkground-size

cover
#box-2 {
  width: 50%;
  height: 80%;
  BACkground-color: rgba(177,177,0.116);
  border: transparent;
  BACkground-image: url(human.gif);
  BACkground-size: cover;
}

大佬总结

以上是大佬教程为你收集整理的如何调整放置在 CSS div 背景上的图像 gif 的大小全部内容,希望文章能够帮你解决如何调整放置在 CSS div 背景上的图像 gif 的大小所遇到的程序开发问题。

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

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