/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

1 vote136 views1 answer
What css font smoothing
CSS
44 votes264 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote401 views1 answer
Style scrollbar table
CSS
1 vote141 views1 answer
Hide number trigger in html page
CSS
0 vote159 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
0 vote146 views1 answer
Christmas red color code
CSS
-1 vote131 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
0 vote152 views1 answer
Html css limit page to a4
CSS
0 vote181 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
1 vote145 views1 answer
Css p tag text wrap
CSS