/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

12 votes151 views2 answers
Grid template columns
CSS
2 votes165 views1 answer
Circle div
CSS
38 votes145 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
56 votes168 views2 answers
Responsive css code for all screen size
CSS
2 votes183 views1 answer
Table overflow not working
CSS
8 votes182 views3 answers
Css change font awesome icon color
CSS
0 vote155 views1 answer
React html height 100%
CSS
0 vote182 views1 answer
Réglage de constantes PHP
CSS
0 vote168 views1 answer
Submit button css class
CSS
7 votes152 views2 answers
Font for css code google link
CSS