Background image 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

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

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})` }}>

-1

Similar codes

7 votes178 views3 answers
Sans serif font family css
CSS
10 votes185 views2 answers
How to include one css file in another
CSS
27 votes181 views3 answers
Hide in css
CSS
420 votes498 views6 answers
Delete array element
CSS
9 votes180 views4 answers
Css animation infinite loop
CSS
0 vote179 views1 answer
1rem in px
CSS
-1 vote176 views1 answer
Materialize table padding css
CSS
0 vote230 views1 answer
Sass scale color
CSS
4 votes216 views3 answers
Css text dots
CSS
0 vote174 views1 answer
Comentarios en archivo scss
CSS