gtxyzz

如何在div中让图片居中方案一使用background

gtxyzz web技术 2022-08-01 843浏览 0

首先,准备两个原图:

如何在div中让图片居中方案一使用background图一宽度为300px

如何在div中让图片居中方案一使用background图二高度为300px

原图居中


<style type="text/css">
  #xxx { width: 任意宽; height: 任意高; background: #f0f0f0; border: 2px solid #4CAF50;}.
    /*原图居中*/
    /*需求一)原图居中*/
    xxbg1 { width: 100%; height: 100%; background: url('xxx.jpg') center center no-repeat; }
</style>
<div id="xxx" >
<div id="xxbg1">      
</div>
</div>
<div id="xxx" >
<div id="xxbg2">      
</div>
</div>

完整实例

原图居中

继续浏览有关 html 的文章
发表评论