/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 vote164 views1 answer
Vertical sliders css
CSS
3 votes149 views2 answers
Move css background image
CSS
0 vote145 views1 answer
@page css
CSS
1 vote157 views2 answers
Inline border css reactjs
CSS
1 vote171 views1 answer
Sass calculate and concat pixels
CSS
2 votes185 views1 answer
Css move animation
CSS
1 vote155 views1 answer
Css > symbol
CSS
6 votes115 views1 answer
Float css examples
CSS
1 vote123 views1 answer
Css hover darken color
CSS
1 vote226 views1 answer
Css spread children horizontally
CSS