[Solved] How to add background image to any text using only HTML? | SoloLearn: Learn to code for FREE!

+8

[Solved] How to add background image to any text using only HTML?

Please can someone tell me how can I add this image https://www.dropbox.com/s/tc7usw2018e3xnz/9f81a1f9f904bc54276f285fe6448a11.jpg?dl=0 to the background of this code https://code.sololearn.com/WPzS2cYCIT6m/?ref=app by using only HTML 🤗?

11/23/2020 11:33:51 AM

Devansh Singh Bisht

24 Answers

New Answer

+5

Oh😯! QUANTUMSPARK1 Welcome🤗

+5

Thank you George Williams 🤗

+5

George Williams 🤗👍

+4

Devansh Singh Bisht You're Welcome! 。◕‿◕。

+4

Wow it is working! Thank you to your brain also🧠

+4

Wrong one – https://code.sololearn.com/WPzS2cYCIT6m/?ref=app Right one – https://code.sololearn.com/W8CiQJ85CMIh/?ref=app

+4

Thank you AOV8 HillZeigler 👍🤗😁

+4

Thank you kashish garg 🤗 I am learning css

+3

Thank you Ƥŕᥲ七Ꮍųꗟ♄ ℜᥲᒎ [LESS ACTIVE] 🤗

+3

Ƥŕᥲ七Ꮍųꗟ♄ ℜᥲᒎ [LESS ACTIVE] Please can you tell me how can I add this image https://www.dropbox.com/s/02e4e16fgizah4b/photo-1529736576495-1ed4a29ca7e1.jpeg?dl=0 below that background image of this code https://code.sololearn.com/W8CiQJ85CMIh/?ref=app 😀🤗 and what's the meaning of z:- index 🤔.

+3

<!--Copy & Paste it on Your Web Playground --> <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <p align="center"><font color="yellow"><strong><big><big><big><big>Hello</big></big></big></big></strong></font></p> <img src="https://dl.dropbox.com/s/tc7usw2018e3xnz/9f81a1f9f904bc54276f285fe6448a11.jpg" height="300" style="position:absolute; top:0; z-index:-8; width:96%;" /> <img src=" https://dl.dropbox.com/s/02e4e16fgizah4b/photo-1529736576495-1ed4a29ca7e1.jpeg" style="width:96%; height:30vh;position:absolute; top:50%;"> </body> </html>

+3

A very very thanks to you Ƥŕᥲ七Ꮍųꗟ♄ ℜᥲᒎ [LESS ACTIVE] 🤗😀👍😲😮😃😊🙂😁🤗

+3

Devansh Singh You're Welcome! 。◕‿◕。

+3

Ƥŕᥲ七Ꮍųꗟ♄ ℜᥲᒎ [LESS ACTIVE] 🤗

+3

Devansh Singh Bisht You have to learn css! I used inline css in style attribute...

+3

Ƥŕᥲ七Ꮍųꗟ♄ ℜᥲᒎ [LESS ACTIVE] Ok🤗

+3

Thank you Ishan Shah 🤗

+2

<!--Copy & Paste it on Your Web Playground --> <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <p align="center"><font color="yellow"><strong><big><big><big><big>Hello</big></big></big></big></strong></font></p> <img src="https://dl.dropbox.com/s/tc7usw2018e3xnz/9f81a1f9f904bc54276f285fe6448a11.jpg" height="300" style="position:absolute; top:0; z-index:-8; width:96%;" /> </body> </html>

+2

from css course you can learn it

+2

<!doctype html> <html> <head> <title>Content</title> </head> <body> <p>I love Coding In html</p> <img src="https://www.dropbox.com/s/tc7usw2018e3xnz/9f81a1f9f904bc54276f285fe6448a11.jpg? height="200px" width="300px" "The desired text is the image doesn't load" </body> </html>