Tag HTML-CSS nya :
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
</head>
<style>
body {padding: 80px; margin: auto; background-color: #444444}
#go {width: 390px; height: 355px; background-color: #ffffff; margin: auto; border-radius: 10px; overflow: hidden; }
#header {background-color: blue; width:auto; height: 50px; margin: auto; }
#h1 {padding: 12px; }
header {width: 300px; height: 35px; background-color: #FCF57A; border-radius: 10px;}
header p {margin:5px; text-align-last: center; line-height: 25px;}
div.group {margin: 30px}
div.group label {padding-right:225px; font-size: 18px; font-weight: bold; }
div.group input {display: block; width:300px;}
div.dup {margin: 30px}
div.dup label {padding-right:225px; font-size: 18px; font-weight:bold; }
div.dup input {display: block; width:300px; }
#ko {background-color: red; width: auto; height:50px; }
#ko input {height: 40px; width: 90px; margin-top: 5px; background: yellow; font-weight: bolder;}
div.ok {background-color:yellow; width: auto; height: 60px; overflow: hidden; }
div.ok a{ font-weight: bold; padding: auto; text-decoration: none;}
</style>
<body>
<center>
<div class="id">
<div id="go">
<div id="header">
<div id="h1"><font face="Arial"><font size="5"><strong><font color="#ffffff">LOGIN</font></strong>
</div>
<header>
<p><font color="#00000"><font face="kino"><font size="2">Masukkan username dan password dengan benar !</p>
</header>
<div class="group">
<label for="Username">Username</label>
<input type="text" name="" placeholder="masukkan Username">
</div>
<div class="dup">
<label for="Password">Password</label>
<input type="password" name="" placeholder="masukkan Password">
</div>
<div id="ko">
<input type="button" value="RESSET" >
<input type="button" value="LOGIN" >
</div>
<div class="ok">
<p align="center"><p><b>belum punyak akun</b> ?<a href="Daftar.php"><b>Daftar</b></a></p></p>
</div>
</form>
</body>
</html>
Maaf kalau kurang memuaskan😂😂😂
BalasHapus