/CSS/How to add background image in react css

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;

Source: reactgo.com

Setting a background Image With React Inline Styles

backgroundImage: `url(${Background})`

How to import background image in inline css in react

style={{backgroundImage: `url(${pencil})`}}

Set image as background react

    <div  styles={{ backgroundImage:`url(${car})` }}>

Set image as background react

    <div  styles={{ backgroundImage:`url(${car})` }}>

Similar codes

0 vote211 views2 answers
Disabled checkbox css
CSS
6 votes183 views4 answers
Tailwind css npm
CSS
1 vote199 views1 answer
Var minus scss
CSS
0 vote218 views1 answer
Custom hr in css
CSS
0 vote209 views1 answer
No nobr substitute in html
CSS
8 votes219 views3 answers
Bootstrap file upload
CSS Bootstrap
2 votes182 views1 answer
Make blur with css
CSS
0 vote183 views1 answer
How to make background color smaller css
CSS
1 vote199 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote161 views1 answer
Remove background when autofill input css
CSS