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

div background image

Add Answer

danilo gomez answered on April 3, 2020 Popularity 10/10 Helpfulness 5/10

answer div background image

related div background image

related make image background of div

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 css

Link to this answer
Share Copy Link

Contributed on Jul 07 2022

danilo gomez

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

make image background of div

Comment

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

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: background b

Link to this answer
Share Copy Link

Contributed on Apr 03 2020

CollinsCode

0 Answers Avg Quality 2/10

div background image

Contents

More Related Answers

div background image

Closely Related Answers

div background image

make image background of div

Grepper

Documentation

Social

Legal

Contact

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