Background image

Css background image

background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;

147

Background image

div {
  background-color: #ffffff;
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-attachment: scroll|fixed|local|initial|inherit;
  background-position: right top  |  x% y%  |  xpos ypos;
  background-clip: border-box|padding-box|content-box|initial|inherit;
  background-size: auto|length|cover|contain|initial|inherit;
}
//shorthand:
div {
  background: #ffffff url("img_tree.png") no-repeat right top;
}

Background image css

.selector {
  background-image: url(image.png);
}

How to set a image as a backgroung image

<style>
body {
  background-image: url('img_girl.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
</style>

Background image css

.wrapper {
    background: url('./images/homeBg.png') no-repeat;
    background-size: 100vw; 
    float: left;
    height: 100vw;
    width: 100vw;
}

Mettre image in the background

body {
color:black;
background-color:white;
background-image:url(images/image_de_fond.png);
}

Source: css.mammouthland.net

Similar codes

38 votes267 views6 answers
Media query min and max width for all devices
CSS
0 vote265 views1 answer
Comment changer liens quand survolé html
CSS
0 vote284 views1 answer
Prevenrt div with height 100% from growing up
CSS
-1 vote255 views2 answers
Hide the scrollbar in css if not overflow
CSS
0 vote272 views1 answer
Angular set encapsulated body to full height
CSS
1 vote239 views1 answer
How to use rgba in css
CSS
0 vote249 views1 answer
React how to wrap
CSS
20 votes284 views3 answers
Align items center in grid
CSS
16 votes264 views4 answers
Last child after css
CSS
60 votes258 views3 answers
Media query for mobile view css
CSS