Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>LogIn</title>
- <meta charset="utf-8">
- <meta name="description" content="Login">
- <link href="style.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <form id = 'login' action="autorez_login.php" method="post">
- <table>
- <tr>
- <td><b>Login:</b></td>
- <td>
- <input class="rounded" type = 'text' name = 'login'>
- </td>
- </tr>
- <tr>
- <td><b>Password:</b></td>
- <td>
- <input class="rounded" type = 'password' name = 'pass'>
- </td>
- </tr>
- <tr>
- <td id="log" colspan='2' >
- <input id="button" type='submit' value="Log In">
- </td>
- </tr>
- </table>
- </form>
- </body>
- </html>
- //--------------------------------------------------------------------------------------------------------------------------------
- //style.css
- p{
- font-size: 22px;
- font-family: "Times New Roman";
- }
- body {
- background-size: 100%;
- background-image: url(img/main.png);
- }
- form#login{
- text-align: center;
- }
- input#button{
- background-image: url(img/login.jpg); /*Это файл картинки*/
- font-size: 20px; /*Вот так я убираю текст на кнопке*/
- }
- b{
- font-style: oblique;
- font-size: 20px;
- font-family: "Times New Roman";
- }
- .rounded{
- border-radius:5px;
- }
- input#button{
- width: 248px;
- height: 35px;
- border-radius:5px;
- text-align: center;
- }
- td#log {
- text-align: center;
- }
- table{
- margin-top: 33%;
- margin-left: 33%;
- background-color: sienna;
- border: double 10;
- }
Advertisement
Add Comment
Please, Sign In to add comment