脚本宝典收集整理的这篇文章主要介绍了CSS设置div背景图的实现代码,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
给组件添加背景图控制只需要两步:
<View classname="gifts" style={{ background: `url(${baseUrl}starMove/exclusiveEntrance/card.png) no-rePEat`, backgroundSize: '100% 100%', }} > <View classname="gift-lists"></View> </View>
设置background和backgroundSize。
style={ width:100%; height:100%; }
ps:下面给大家介绍下css文件 如何使背景图片大小适应div的大小
对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。
background-size有3个属性:
总结
到此这篇关于CSS设置div背景图的实现代码的文章就介绍到这了,更多相关css div 背景图内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本宝典!
以上是脚本宝典为你收集整理的CSS设置div背景图的实现代码全部内容,希望文章能够帮你解决CSS设置div背景图的实现代码所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。