/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

6 votes132 views3 answers
Position absolute horizontally center
CSS
34 votes121 views6 answers
Color gradient for text
CSS
1 vote240 views1 answer
Can we use multiple keyframes in css
CSS
3 votes133 views1 answer
How to style rule to apply the Border Box model css
CSS
0 vote127 views1 answer
Comentarios en archivo scss
CSS
0 vote124 views1 answer
Css banner image
CSS
0 vote127 views1 answer
Veritical align inline-block checkbox element
CSS
19 votes104 views3 answers
Bootstrap media queries
CSS Bootstrap
0 vote144 views1 answer
Css good border color
CSS
2 votes131 views1 answer
Uninstall pm2
CSS