/CSS/Adding background image to a div css

Adding background image to a div css

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

Adding background image to a div css

css background image

-1

Similar codes

0 vote148 views1 answer
All heading tags selector scss
CSS
0 vote188 views1 answer
Profile page html css template
CSS
5 votes120 views5 answers
Min padding
CSS
0 vote133 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
24 votes120 views2 answers
Css grid align
CSS
16 votes128 views4 answers
Arrow down css
CSS
0 vote118 views1 answer
How to make website using html and css
CSS
20 votes127 views5 answers
Background color transparent opacity css
CSS
6 votes122 views1 answer
Scrollbar height css
CSS
4 votes157 views1 answer
Who created css
CSS