how to insert background | SoloLearn: Learn to code for FREE!

+3

how to insert background

3/28/2020 6:19:31 AM

Rocky Francisco

48 Answers

New Answer

+10

For the body ( the screen): body { background-image: url("url here "); } For just a element its elememt { background-image: url("url here"); } To just color the background i think the command is background-color: red;

+5

Show your code

+4

No open this link https://postimages.org/ and upload your image u can get link after upload .dont paste this link in your code u can get image link from here see this i uploaded one image and after uploading u will get https://www.sololearn.com/post/277146/?ref=app and copy url link

+2

https://imgbb.com/upload Try this

+2

body{ background-image: url("link of image"); }

+2

{background-image:url("link")}

+2

You cannot upload your gallery photo . You need image link . If u use notepad or any other editor where your file store copy one image and paste where your file is available and click on image and see properties of image u can get path of image and paste in html code with extension of your image . If u want to upload your gallery image use dropbox u can get image link and paste in your html code

+2

Hiii, You can add background image using css. Example: body { background-image: url( url here); } and you can use background attribute For Example: <html> <body background="bgimage.jpg"> <h1>Hello world!</h1> </body> </html>

+1

show me the sample of run system

+1

by the way thank you

+1

Your image path link is too big it make your code complex

+1

how to become my link code complex?

+1

Upload your image here U can get small image link for html css etc https://postimages.org/ Open and upload copy. Url link

+1

is this work bitly?

+1

is this work on bitly app

+1

Yes

+1

a href=""?

+1

Yes u can get all types of link for trial upload one image and scroll down

+1

not work.... body { background-color:#ffe6e6; } h1{ font-style:italic ; } body{ background-image:url(<a href='https://postimages.org/' target='_blank'><img src='https://i.postimg.cc/pVJtZrkq/giphy.gif' border='0' alt='giphy'/></a>) }

+1

what type of link?