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

0 vote151 views1 answer
Why we are translating -50%, -50% in css
CSS
0 vote159 views1 answer
Use flex in container with multiple components
CSS
0 vote144 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
1 vote130 views1 answer
Qwant
CSS
0 vote103 views1 answer
Css class and attribute selector
CSS
7 votes145 views2 answers
Use text-align to justify the paragraph style
CSS
120 votes274 views3 answers
React import bootstrap css file
CSS Bootstrap
55 votes145 views4 answers
Hover effects css
CSS
17 votes133 views1 answer
Yarn problem
CSS
13 votes136 views6 answers
Line css
CSS