Вот Мой HTML-код,
form
Вот Мой CSS-код,
body {
background-color: #f5f5f5;
line-height: 3;
}
label {
display: block;
}
.container {
width: 100%;
}
form {
width: 50%;
padding: 5rem;
margin: 0 auto;
}
h1 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #000;
font-size: 23px;
text-align: center;
}
.btn {
border-radius: 20px;
background: #0d6efd;
text-align: center;
width: 200px;
padding: 10px;
color: #fff;
border: #ced4da;
}
#email {
width: 200px;
padding: 10px;
}
#password {
width: 200px;
padding: 10px;
}
input {
border: 1px solid #ced4da;
background-color: #fff;
border-radius: 5px;
}
.div-container {
width: 25%;
margin: 0 auto;
}
#email:focus,
#password:focus {
/* box-shadow: #b9d3fa; */
outline: 0;
border-color: #86b7fe;
}
Вот результат
Оригинал: “https://dev.to/ahtshamajus/today-i-learned-about-forms-css-elements-1709”