Skip to content

Instantly share code, notes, and snippets.

@ZakharDay

ZakharDay/form.css

Created May 2, 2020 14:27
Show Gist options
  • Save ZakharDay/9a4db64b01517d1f3f3dc8ddfabad957 to your computer and use it in GitHub Desktop.
Save ZakharDay/9a4db64b01517d1f3f3dc8ddfabad957 to your computer and use it in GitHub Desktop.
Download ZIP
HSEADC 2020 L0 G4
Raw
form.css
body {
font-family: Helvetica, Arial;
}
section {
text-align: center;
width: 500px;
height: 413px;
background: #FFFFFF;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
border-radius: 5px;
padding-top: 1px;
}
h1 {
font-size: 30px;
font-weight: bold;
}
input {
display: block;
width: 380px;
height: 74px;
background: #FFFFFF;
border: 1px solid #000000;
font-size: 22px;
text-align: center;
padding: 0;
box-sizing: border-box;
line-height: 74px;
margin: 20px auto;
}
div {
width: 380px;
height: 74px;
background: #0075FF;
font-size: 22px;
text-align: center;
color: #FFFFFF;
line-height: 74px;
margin: 20px auto;
}
div:hover {
background: #65ACFF;
cursor: pointer;
}
Raw
form.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример формы</title>
<link rel="stylesheet" href="form.css">
</head>
<body>
<section>
<h1>Вход</h1>
<input type="email" name="" value="" placeholder="Логин">
<input type="password" name="" value="" placeholder="Пароль">
<div>Войти</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment