0
Background image are not working in my code plz help how to apply background image
6 Réponses
+ 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"..