how to add background image in react css
import React from 'react';
import car from './images/car.png'
function App() {
return (
<div styles={{ backgroundImage:`url(${car})` }}> <h1>This is red car</h1>
</div>
);
}
export default App;Setting a background Image With React Inline Styles
backgroundImage: `url(${Background})`react background image
style={{
backgroundImage: "url(" + "https://images.pexels.com/photos/34153/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350" + ")",
backgroundPosition: 'center',
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat'
}}how to import background image in inline css in react
style={{backgroundImage: `url(${pencil})`}}background image react
in your css
.background {
background-image: url('./Images/img.png')
}set image as background react
<div styles={{ backgroundImage:`url(${car})` }}>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
