/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

27 votes173 views1 answer
Css how to create gradients on text outline
CSS
0 vote164 views1 answer
Laravel asset css not found
CSS
0 vote240 views1 answer
Index.css code not working in 000webhost
CSS
0 vote210 views1 answer
Wordpress how to change logo on a certain page with css
CSS
120 votes355 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote165 views1 answer
Overiade main style only for specific page sass
CSS
15 votes160 views2 answers
Custom selection color css
CSS
0 vote192 views3 answers
Bulma lowercase
CSS
1 vote223 views1 answer
Top 10 customers odoo
CSS
1 vote177 views1 answer
Outline bottom css
CSS