如何在React.js文件中设置标签的背景图片
生活随笔
收集整理的這篇文章主要介紹了
如何在React.js文件中设置标签的背景图片
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
如何在React.js文件中設(shè)置標(biāo)簽的背景圖片
使用連接符``將背景圖片放在${}中 <div className='card' style={{ backgroundImage: `url(${img})` }} >
card樣式設(shè)置為：
.card {background-repeat: no-repeat;background-position: right 8px top 8px;background-size: 81px 61px;}background-size 設(shè)置圖片尺寸大小，
background-position 設(shè)置圖片位置 ，除了設(shè)置px外還可以設(shè)置百分比%
總結(jié)
以上是生活随笔為你收集整理的如何在React.js文件中设置标签的背景图片的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 什么是大数据?什么是数据科学
- 下一篇： 软件测试人才紧缺