Div background image

Css background image

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

147

Background image css

html,body {
  background-image: url("your.picture");
}

How to set div background image

body {
 background-image: url("paper.gif");
 background-color: #cccccc;
}

Css background image

background-image: url("image.gif");

Div background image

#avatar {
    /* This image is 687 wide by 1024 tall, similar to your aspect ratio */
    background-image: url('http://i.stack.imgur.com/Dj7eP.jpg');
    
    /* make a square container */
    width: 150px;
    height: 150px;

    /* fill the container, preserving aspect ratio, and cropping to fit */
    background-size: cover;

    /* center the image vertically and horizontally */
    background-position: top center;

    /* round the edges to a circle with border radius 1/2 container size */
    border-radius: 50%;
}

Source: stackoverflow.com

How to add image with url in css

background-image: url('images/my-image.png');

-1

Similar codes

3 votes364 views3 answers
Responsive text css
CSS
0 vote489 views1 answer
Mvc how to css file linked
CSS
1 vote343 views1 answer
Remove grayscale no filter css
CSS
-1 vote323 views1 answer
Html sticky
CSS
0 vote368 views1 answer
React right burger scrol bar
CSS
0 vote348 views2 answers
Css how to stop screen from left and right
CSS
0 vote332 views1 answer
Not the first child and not the last child css
CSS
47 votes385 views6 answers
Css blur
CSS
122 votes342 views6 answers
How to center in css
CSS
0 vote321 views2 answers
Using materialize css with react
CSS