How to set div background image

body {
 background-image: url("paper.gif");
 background-color: #cccccc;
}

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

Background css image

background-image: url('./image.jpg');

Similar codes

14 votes166 views2 answers
How to add css in flask app
CSS
0 vote164 views1 answer
Css mask cut diagonal
CSS
56 votes180 views3 answers
Donald trump twitter
CSS
12 votes174 views2 answers
Other children than first css
CSS
82 votes162 views6 answers
Text-shadow css
CSS
0 vote166 views2 answers
Why is my body background color in css not working
CSS
3 votes166 views1 answer
Trash icon favicon
CSS
-1 vote200 views5 answers
Add tailwind to next
CSS
0 vote151 views1 answer
Ipad pro css
CSS
2 votes174 views1 answer
Website css not loading
CSS