Web Login Form 2
Run
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login</title> </head> <body> <!-- copy --> <form autocomplete="off" class="form"> <h1 class="h1">Login</h1> <input type="text" placeholder="Name" class="form-input" /> <input type="passowrd" placeholder="Password" class="form-input" /> <input type="button" value="Login" class="form-btn" /> </form> <!-- end --> </body> </html>
CSS
.bodybg{ background: #ffffff; } .h1{ font-family: verdana; font-style: none; font-variant: none; font-weight: normal; letter-spacing: 1px; text-align: center; text-transform: none; text-decoration: none; text-shadow: none; color: #000000; } .form{ width: 240px; height: 250px; border:2px solid #19a9a6; font-size:15px; font-family:verdana; font-weight:normal; letter-spacing:1px; text-align:center; color:#000000; background:#ffffff; } .form-input{ width: 90%; height: 40px; margin-top: 10px; padding-left: 10px; border: 1px solid #19a9a6; color:#000000; background: #ffffff; } .form-btn{ width: 40%; height: 40px; margin-top: 10px; border: none; font-size: 15px; font-family: verdana; color: #ffffff; background: radial-gradient(#19a9a6,#e62d2d); }
Follow Us