/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

19 votes306 views3 answers
Css stop scrollbar
CSS
-1 vote277 views1 answer
Responsiveness in bootstrap
CSS
0 vote313 views1 answer
Media query for mobile landscape only
CSS
0 vote326 views1 answer
Css style nth child beyond certain number
CSS
0 vote298 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
39 votes311 views4 answers
Css z-index
CSS
1 vote327 views2 answers
Brightness css
CSS
187 votes520 views6 answers
Div background image
CSS
1 vote302 views1 answer
Css bg code
CSS
0 vote332 views3 answers
Force keyboard to show android programmatically
CSS