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

1 vote152 views1 answer
Css html unterstreichen
CSS
0 vote148 views1 answer
Css background templates
CSS
10 votes149 views4 answers
Wp_enqueue_style
CSS
57 votes177 views6 answers
Text shadow css
CSS
0 vote261 views1 answer
Removing input border shadow
CSS
0 vote155 views1 answer
White block on the left css
CSS
38 votes198 views6 answers
Media query min and max width for all devices
CSS
184 votes303 views6 answers
Css shadow border
CSS
4 votes186 views1 answer
Bootstrap file select class
CSS Bootstrap
197 votes382 views6 answers
Connect html file to css
CSS