/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 vote222 views1 answer
Progress bar bootstrap border
CSS Bootstrap
0 vote179 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
3 votes161 views4 answers
Keep aspect ratio of image css
CSS
7 votes164 views3 answers
Italic in css
CSS
8 votes166 views2 answers
Css image size adjust
CSS
0 vote161 views1 answer
Asp net css how to change text alignment of gridview column
CSS
6 votes154 views3 answers
Print media query css
CSS
3 votes153 views2 answers
How to align form buttons right
CSS
-1 vote170 views1 answer
Input focus css default
CSS
5 votes157 views4 answers
Css flex gap between items
CSS