New course! Every coder should learn Generative AI!
Try a free lesson0
Background image are not working in my code plz help how to apply background image
6 Answers
+ 2
Use background: url(your file path) or background-image: url(your file path) css properties.
+ 1
Naveena Navi The image link it doesn't work can you give us your image source link.
+ 1
Here you can see how you can prepare your code fo SL Playground and more:
https://code.sololearn.com/W0zH3IDDAEPP/?ref=app
0
<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
0
Please give me example
0
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"..
Often have questions like this?
Learn more efficiently, for free:
