How to insert a background image in a web page??

Question

I wanted to create my webpage but I was not able to insert a background image..

Answer 1

body{
background-image:linear-gradient(0deg,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 50%),url("Yaranaika.png");
background-size:200vw 100vh;
background-position:50% 0;

/*Yaranaika.png will be invalid in code playground replace with https://cdn.discordapp.com/attachments/303835959093624832/303836078249476096/P_20170416_142404.jpg
that is the image that I take a photo around
*/
}

Answer 2

set a background image for body element

body {
    background-image: url("yourimage.jpg");
}

Answer 3

selector{

background: url("imageLink");

}