html中css图⽚背景代码怎么写,CSS设置div背景图的实现代码给组件添加背景图控制只需要两步：
className="gifts"
style={{
background: `url(${baseUrl}starMove/exclusiveEntrance/card.png) no-repeat`,
backgroundSize: '100% 100%',
}}
>
设置background和backgroundSize。
style={
width：100%；
height：100%；
css怎么创建}
ps：下⾯给⼤家介绍下css⽂件 如何使背景图⽚⼤⼩适应div的⼤⼩
对背景图⽚设置属性：background-size：cover；可以实现背景图⽚适应div的⼤⼩。
background-size有3个属性：
auto：当使⽤该属性的时候，背景图⽚将保持100% 的⼤⼩显⽰，不进⾏任何缩放。超过div的多余部分将被隐藏。当图⽚过⼩时，图⽚会⾃动平铺。这种属性通常⽤来做重复性的背景或者做半透明图⽚背景。
cover：当使⽤该属性时，图⽚将被缩放⾄恰好能覆盖div，并且图⽚被隐藏的部分最少，这种属性在⼤图背景中应⽤⽐较⼴泛。这点⽐较难理解，需要结合实践理解。
contain：当使⽤该属性时，图⽚被缩放⾄最⼤且能被完全展⽰出来，但是由于图⽚的的尺⼨⽐例与div的尺⼨⽐例会有不同，所以当图⽚不能盖住div时，图⽚会⾃动平铺。
总结
到此这篇关于CSS设置div背景图的实现代码的⽂章就介绍到这了，更多相关css div 背景图内容请搜索脚本之家以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持脚本之家！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。