123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- form {
- width: 600px;
- margin: 200px auto;
- }
- div {
- width: 100%;
- margin: 15px auto;
- }
- label {
- display: block;
- padding: 20px;
- font-size: 25px;
- }
- input {
- width: 96%;
- padding: 10px;
- border: 1px solid #797979;
- font-size: 20px;
- margin-left: 20px;
- border-radius: 3px;
- }
- button {
- margin: 20px;
- padding: 20px;
- width: 100px;
- border: none;
- outline: none;
- cursor: pointer;
- border-radius: 5px;
- font-size: 20px;
- font-weight: bold;
- color: whitesmoke;
- background-color: darkblue;
- text-align: center;
- }
- span {
- display: block;
- margin-left: 20px;
- color: red;
- font-style: italic;
- }
- .formbox {
- display: flex;
- align-items: center;
- width: 800px;
- height: 600px;
- background-color: rgba(157, 240, 255, 0.747);
- }
|