diff --git a/change——css.html b/change——css.html new file mode 100644 index 0000000..c9d4e03 --- /dev/null +++ b/change——css.html @@ -0,0 +1,66 @@ +body { +font-family: Arial, sans-serif; +background-color: #f4f4f4; +margin: 0; +padding: 0; +display: flex; +justify-content: center; +align-items: center; +height: 100vh; +} + +.container { +background-color: #fff; +padding: 20px; +border-radius: 8px; +box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +width: 300px; +text-align: center; +} + +h1 { +color: #333; +margin-bottom: 20px; +} + +.input-section, .select-section { +margin-bottom: 20px; +} + +label { +display: block; +margin-bottom: 8px; +color: #666; +} + +input, select { +width: 100%; +padding: 8px; +margin-bottom: 10px; +border: 1px solid #ddd; +border-radius: 4px; +font-size: 16px; +} + +button { +padding: 10px 20px; +background-color: #28a745; +color: #fff; +border: none; +border-radius: 4px; +cursor: pointer; +font-size: 16px; +} + +button:hover { +background-color: #218838; +} + +.output-section { +margin-top: 20px; +} + +#result { +font-size: 18px; +color: #333; +} \ No newline at end of file