/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 vote126 views2 answers
Optional changing n
CSS
2 votes141 views1 answer
How to use the transition left in css
CSS
0 vote143 views1 answer
Curfont
CSS
0 vote165 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
3 votes125 views1 answer
How to make a backgroud image with no repeat in html
CSS
1 vote130 views1 answer
Rotate text css
CSS
9 votes127 views5 answers
Css background full screen
CSS
48 votes131 views3 answers
Red color rgb
CSS
28 votes134 views3 answers
Google font roboto
CSS
86 votes122 views3 answers
Css tekst bold
CSS