how to insert background | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 3

how to insert background

css background

28th Mar 2020, 6:19 AM
Rocky Francisco
Rocky Francisco - avatar
41 Answers
+ 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;
28th Mar 2020, 9:05 AM
Synoim
Synoim - avatar
+ 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
28th Mar 2020, 7:29 AM
A S Raghuvanshi
A S Raghuvanshi - avatar
+ 2
body{ background-image: url("link of image"); }
28th Mar 2020, 5:50 PM
Ravishan Fernando
Ravishan Fernando - avatar
+ 2
{background-image:url("link")}
28th Mar 2020, 6:10 PM
Akshita Patel
Akshita Patel - avatar
+ 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
29th Mar 2020, 4:45 PM
A S Raghuvanshi
A S Raghuvanshi - avatar
+ 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>
31st Mar 2020, 8:28 AM
AjayGohil
+ 1
show me the sample of run system
28th Mar 2020, 6:24 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
by the way thank you
28th Mar 2020, 6:24 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
Your image path link is too big it make your code complex
28th Mar 2020, 7:15 AM
A S Raghuvanshi
A S Raghuvanshi - avatar
+ 1
how to become my link code complex?
28th Mar 2020, 7:17 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
Upload your image here U can get small image link for html css etc https://postimages.org/ Open and upload copy. Url link
28th Mar 2020, 7:18 AM
A S Raghuvanshi
A S Raghuvanshi - avatar
+ 1
is this work bitly?
28th Mar 2020, 7:19 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
is this work on bitly app
28th Mar 2020, 7:20 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
Yes
28th Mar 2020, 7:20 AM
A S Raghuvanshi
A S Raghuvanshi - avatar
+ 1
a href=""?
28th Mar 2020, 7:22 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
Yes u can get all types of link for trial upload one image and scroll down
28th Mar 2020, 7:24 AM
A S Raghuvanshi
A S Raghuvanshi - avatar
+ 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>) }
28th Mar 2020, 7:28 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
what type of link?
28th Mar 2020, 8:02 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
body { background-image:url(https://postimg.cc/BtbyZqrK); } is not working..
28th Mar 2020, 8:03 AM
Rocky Francisco
Rocky Francisco - avatar
+ 1
Click in this link which u added in your code and open through browser
28th Mar 2020, 8:05 AM
A S Raghuvanshi
A S Raghuvanshi - avatar