Background image are not working in my code plz help how to apply background image

background-image

25th Nov 2020, 2:12 PM

Naveena H M

6 Antworten

+ 2

Use background: url(your file path) or background-image: url(your file path) css properties.

25th Nov 2020, 2:14 PM

Matias

+ 1

Naveena Navi The image link it doesn't work can you give us your image source link.

25th Nov 2020, 2:21 PM

Matias

+ 1

Here you can see how you can prepare your code fo SL Playground and more: https://code.sololearn.com/W0zH3IDDAEPP/?ref=app

25th Nov 2020, 4:21 PM

JaScript

<html> <head> <title>this is login page</title> <link rel="stylesheet" type="text/css" href="Login.css"> <meta charset="utf-8"> <style media="screen"> .bod{ background-image: url("https://images.app.goo.gl/cpvKBAuekUNn76NC8.jpg"); } .log{ background-color:white; width:190px; height:300px; margin-left:100px; padding-left:20px; padding-right:20px; padding-top:20px; margin-top:120px; border:3px groove black; } .login{ font-family:courier; font-weight:bold; color:blue; text-shadow:5px 2px 4px grey; text-align:center; letter-spacing:4px; } .label{ text-style:small; } </style> </head> <body class="bod"> <form class="log"autocomplete="on" method="post"> <div class="login1"><p class="login">Login</p></div><br> <Label for="Username" class="labe">Username</label> <input type="text" id="U

25th Nov 2020, 2:17 PM

Naveena H M

Please give me example

25th Nov 2020, 2:34 PM

Naveena H M

Naveena Navi your image link is not working.. Due to "It's an invalid link, make be broken or missing something.." try it by just opening link in browser,by copy pasting"..

25th Nov 2020, 2:57 PM

Jayakrishna 🇮🇳