BackgroundImage react

React background image

style={{  
  backgroundImage: "url(" + "https://images.pexels.com/photos/34153/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350" + ")",
  backgroundPosition: 'center',
  backgroundSize: 'cover',
  backgroundRepeat: 'no-repeat'
}}

Source: stackoverflow.com

BackgroundImage react

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

How to import background image in inline css in react

style={{backgroundImage: `url(${pencil})`}}

Background image react

in your css 

.background {
  background-image: url('./Images/img.png')
}

Set image as background react

<div  styles={{ backgroundImage:`url(${car})` }}>

Set image as background react

<div  styles={{ backgroundImage:`url(${car})` }}>

Similar codes

0 vote136 views1 answer
How to remove underline from list item in html
CSS
0 vote147 views1 answer
Css to reduce margin of class container
CSS
187 votes343 views6 answers
Div background image
CSS
15 votes148 views6 answers
Css background full width
CSS
37 votes153 views2 answers
Rgb yellow color
CSS
0 vote173 views1 answer
Add arrow in select css
CSS
0 vote174 views2 answers
Sass variables across files
CSS
0 vote135 views1 answer
Enhancer for Youtube DeepDark Theme
CSS
-1 vote171 views4 answers
Css after
CSS
0 vote144 views1 answer
Shadow on hover class on card bootstrap
CSS