style.css 718 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. form {
  2. width: 600px;
  3. margin: 200px auto;
  4. }
  5. div {
  6. width: 100%;
  7. margin: 15px auto;
  8. }
  9. label {
  10. display: block;
  11. padding: 20px;
  12. font-size: 25px;
  13. }
  14. input {
  15. width: 96%;
  16. padding: 10px;
  17. border: 1px solid #797979;
  18. font-size: 20px;
  19. margin-left: 20px;
  20. border-radius: 3px;
  21. }
  22. button {
  23. margin: 20px;
  24. padding: 20px;
  25. width: 100px;
  26. border: none;
  27. outline: none;
  28. cursor: pointer;
  29. border-radius: 5px;
  30. font-size: 20px;
  31. font-weight: bold;
  32. color: whitesmoke;
  33. background-color: darkblue;
  34. text-align: center;
  35. }
  36. span {
  37. display: block;
  38. margin-left: 20px;
  39. color: red;
  40. font-style: italic;
  41. }
  42. .formbox {
  43. display: flex;
  44. align-items: center;
  45. width: 800px;
  46. height: 600px;
  47. background-color: rgba(157, 240, 255, 0.747);
  48. }