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

1 vote135 views2 answers
How to center a position fixed element horizontally
CSS
0 vote132 views1 answer
How to get 2 words one left aligh and right align in css
CSS
1 vote138 views2 answers
Drawing a circle with css
CSS
0 vote147 views1 answer
Mat-form-field textarea save with new line
CSS
0 vote157 views1 answer
Css radio button size
CSS
145 votes277 views6 answers
Import bootstrap in react
CSS Bootstrap
49 votes133 views6 answers
Min and max width media query
CSS
149 votes248 views6 answers
Css shadow
CSS
0 vote153 views1 answer
Css font family narrow fonts
CSS
0 vote134 views1 answer
Css design guideline
CSS