Hot to make an image your webpage background? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

Hot to make an image your webpage background?

20th Jun 2022, 6:45 PM
Agboola Femi
Agboola Femi - avatar
13 Answers
+ 4
background-image: url("example_filename.png");
20th Jun 2022, 6:46 PM
Justice
Justice - avatar
+ 4
You can input this <style> { background-image:url(index. png); } </style>
21st Jun 2022, 7:04 PM
Mutallib Ibrahim
+ 1
If you right-click a Google image search result, you'll end up getting a URL of the webpage presenting that image. At that webpage, right click the image again, and choose "Open Image in New Browser", that url is the image url. (Ends with JPG, PNG, etc.)
21st Jun 2022, 1:41 AM
Gordon
Gordon - avatar
0
I feel like giving you a hug rn
20th Jun 2022, 8:54 PM
Agboola Femi
Agboola Femi - avatar
0
Then again How do you let URL for images
20th Jun 2022, 8:55 PM
Agboola Femi
Agboola Femi - avatar
0
Can you rephrase your question? I do not understand.
20th Jun 2022, 8:58 PM
Justice
Justice - avatar
0
How do you get the URL for an image
20th Jun 2022, 9:02 PM
Agboola Femi
Agboola Femi - avatar
0
By right-clicking the image and selecting Copy Image Link. Your questions are quite simple so it sounds like you would also be better off using a search engine so that you can find out for your specific system.
20th Jun 2022, 9:08 PM
Justice
Justice - avatar
0
I did but then The link was farrr longer than what I do see And it still didn't REALLY work
20th Jun 2022, 9:11 PM
Agboola Femi
Agboola Femi - avatar
0
Thanksssss
21st Jun 2022, 6:06 AM
Agboola Femi
Agboola Femi - avatar
0
Hey the command: background-image: url("example_filename.png"); So the example file name PNG jpg etc.. After we copy the image link we switch the ("example_filename.png"); To the copy link image (I'm saying about the text) And thanks!
21st Jun 2022, 4:46 PM
xxtheblade 3
xxtheblade 3 - avatar
0
Here is a full answer: background-image: url(link_or_path_to_image); background-size: cover; /*this make sure the image takes up the whole page*/ background-repeat: no-repeat;
22nd Jun 2022, 6:44 AM
StoneCoder🇬🇦
StoneCoder🇬🇦 - avatar
0
<style> Background image:(image or filename) <style>
22nd Jun 2022, 5:29 PM
HariKG
HariKG - avatar