Как стилизовать форму CSS

Чтобы стилизовать форму в CSS, можно использовать несколько способов. Рассмотрим базовые свойства для стилизации форм:

1. background-color — задает фон формы:

form {
  background-color: #eee; /* цвет фона */
}

2. border — устанавливает границу формы:

form {
  border: 1px solid #ccc; /* толщина и цвет границы */
}

3. border-radius — устанавливает скругление углов формы:

form {
  border-radius: 10px; /* радиус скругления углов */
}

4. box-shadow — создает тень формы:

form {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* параметры тени */
}

5. padding — устанавливает внутренние отступы формы:

form {
  padding: 15px; /* отступы с каждой стороны */
}

6. font-size и font-family — задают размер шрифта и его семейство:

form {
  font-size: 1em; /* размер шрифта */
  font-family: Arial, sans-serif; /* семейство шрифта */
}

7. color — задает цвет текста формы:

form {
  color: #333; /* цвет текста */
}

8. label — можно стилизовать также и отдельные элементы формы, например, label:

label {
  font-weight: bold; /* установка жирного шрифта */
  display: block; /* установка на все ширину строки */
  margin-bottom: 10px; /* отступ сверху и снизу */
}

Это лишь некоторые базовые свойства для стилизации форм в CSS. Чтобы полностью преобразовать форму, можно использовать CSS-фреймворки или создавать свои касомные стили в зависимости от задачи.