/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 vote349 views1 answer
Css unlock scroll
CSS
1 vote382 views1 answer
How to set the first column of the table in center in css
CSS
6 votes356 views4 answers
Backdrop filter css
CSS
0 vote356 views1 answer
Activate_bin_path
CSS
3 votes390 views1 answer
Html table td spacing
CSS
4 votes362 views3 answers
Css selection
CSS
25 votes372 views5 answers
Line spacing css
CSS
1 vote384 views1 answer
Css cursor size
CSS
4 votes334 views1 answer
How to make image not repeat on background
CSS
1 vote362 views1 answer
Bootstrap word-wrap: break-word;
CSS