/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

1 vote170 views1 answer
Pagination html css how to working
CSS
40 votes176 views8 answers
Font size css
CSS
0 vote178 views1 answer
List style type none still leaves room for bullet
CSS
44 votes181 views6 answers
Textarea disable resize
CSS
12 votes182 views2 answers
Css select every other element
CSS
62 votes180 views5 answers
Media max width css
CSS
0 vote194 views1 answer
Custom taxonomy pagination 404
CSS
2 votes189 views3 answers
Css remove
CSS
0 vote169 views1 answer
Changing bakcgound color like animation using tailwind
CSS
0 vote198 views1 answer
Add quotes in quote css
CSS