Moravetskyi

Untitled

Jul 29th, 2014
193
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.76 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>LogIn</title>
  5. <meta charset="utf-8">
  6. <meta name="description" content="Login">
  7. <link href="style.css" rel="stylesheet" type="text/css">
  8. </head>
  9. <body>
  10.  
  11. <form id = 'login' action="autorez_login.php" method="post">
  12. <table>
  13. <tr>
  14. <td><b>Login:</b></td>
  15. <td>
  16. <input class="rounded" type = 'text' name = 'login'>
  17. </td>
  18. </tr>
  19.  
  20.  
  21. <tr>
  22. <td><b>Password:</b></td>
  23. <td>
  24. <input class="rounded" type = 'password' name = 'pass'>
  25. </td>
  26. </tr>
  27.  
  28.  
  29. <tr>
  30. <td id="log" colspan='2' >
  31. <input id="button" type='submit' value="Log In">
  32.  
  33. </td>
  34. </tr>
  35.  
  36. </table>
  37. </form>
  38. </body>
  39. </html>
  40.  
  41. //--------------------------------------------------------------------------------------------------------------------------------
  42. //style.css
  43.  
  44. p{
  45. font-size: 22px;
  46. font-family: "Times New Roman";
  47. }
  48.  
  49. body {
  50. background-size: 100%;
  51. background-image: url(img/main.png);
  52. }
  53.  
  54.  
  55.  
  56. form#login{
  57. text-align: center;
  58. }
  59.  
  60. input#button{
  61. background-image: url(img/login.jpg); /*Это файл картинки*/
  62. font-size: 20px; /*Вот так я убираю текст на кнопке*/
  63. }
  64.  
  65. b{
  66. font-style: oblique;
  67. font-size: 20px;
  68. font-family: "Times New Roman";
  69. }
  70.  
  71. .rounded{
  72. border-radius:5px;
  73. }
  74.  
  75.  
  76. input#button{
  77. width: 248px;
  78. height: 35px;
  79. border-radius:5px;
  80. text-align: center;
  81. }
  82.  
  83. td#log {
  84. text-align: center;
  85. }
  86.  
  87. table{
  88. margin-top: 33%;
  89. margin-left: 33%;
  90. background-color: sienna;
  91. border: double 10;
  92. }
Advertisement
Add Comment
Please, Sign In to add comment