Breaking News: Grepper is joining You.com. Read the official announcement!

make image background of div

CollinsCode answered on April 3, 2020 Popularity 10/10 Helpfulness 4/10

answer make image background of div

related div background image

make image background of div

Comment

background-image: url("photographer.jpg");

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: background css image

Link to this answer
Share Copy Link

Contributed on Apr 03 2020

CollinsCode

0 Answers Avg Quality 2/10

Closely Related Answers

div background image

Comment

#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%;
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: stackoverflow.com

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on Feb 17 2021

Websidev

0 Answers Avg Quality 2/10

div background image

Comment

div {
   /* Background pattern from Toptal Subtle Patterns */
   background-image: url("https://amymhaddad.s3.amazonaws.com/morocco-blue.png");
   height: 400px;
   width: 100%;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: www.freecodecamp.org

Tags: background-image back

Link to this answer
Share Copy Link

Contributed on Jul 07 2022

danilo gomez

0 Answers Avg Quality 2/10

make image background of div

Contents

More Related Answers

make image background of div

Closely Related Answers

div background image

div background image

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.