How to customize background image size ?

Question

body {
text-align:center ;
background-image:url("https://thumbs.gfycat.com/CraftyCircularBeauceron-max-1mb.gif") ;
position:center ;

color:red;

}

Answer 1

Study the examples below, to understand how to locate and size background image.

The shorthand format is
background: url(bg.jpg) <pos-x> <pos-y> / <size> no-repeat;

https://code.sololearn.com/W5HkVaC5uFo3/?ref=app
https://code.sololearn.com/WIKpkId9F1s1/?ref=app
https://code.sololearn.com/Wx6ljf1vrK7i/?ref=app
https://code.sololearn.com/W6C42qMCYR4U/?ref=app
https://code.sololearn.com/WvvEA7znzQr5/?ref=app
https://code.sololearn.com/W0ufFxdLTP11/?ref=app

Answer 2

use the CSS properties
Hight and width.

and use for background

background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
background-size: cover;

Answer 3

Ok I will try

Answer 4

Nice

Answer 5

Thank you so much 🔥🔥