style.css 1011 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. body{
  2. font-family:Arial, sans-serif;
  3. background-color:#f2f2f2;
  4. margin:0;
  5. padding:20px;
  6. }
  7. form{
  8. background-color:#fff;
  9. padding:20px;
  10. border-radius:5px;
  11. box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);
  12. width:600px;
  13. margin-left:auto;
  14. margin-right:auto;
  15. }
  16. label{
  17. font-weight:bold;
  18. }
  19. textarea{
  20. padding:5px;
  21. font-size:0.8em;
  22. width:100%;
  23. resize:none;
  24. border-radius:5px;
  25. margin-bottom:15px;
  26. margin-top:10px;
  27. box-sizing:border-box;
  28. }
  29. input[type="text"]{
  30. box-sizing:border-box;
  31. margin-top:10px;
  32. width:100%;
  33. padding:10px;
  34. border:1px solid #ccc;
  35. border-radius:5px;
  36. margin-bottom:20px;
  37. }
  38. input[type="button"]{
  39. width:150px;
  40. padding:10px 20px;
  41. background-color:#50AF4C;
  42. color:#fff;
  43. border:none;
  44. border-radius:3px;
  45. cursor:pointer;
  46. }
  47. input[type="button"]:disabled{
  48. background-color:#ccc;
  49. cursor:not-allowed;
  50. }
  51. input[type="submit"]{
  52. width:150px;
  53. padding:10px 20px;
  54. background-color:#4CAF50;
  55. color:#fff;
  56. border:none;
  57. border-radius:5px;
  58. cursor:pointer;
  59. }
  60. input[type="submit"]:disabled{
  61. background-color:#ccc;
  62. cursor:not-allowed;
  63. }