Выпадающий список HTML CSS: примеры и руководство по созданию

Выпадающий список в HTML и CSS можно создать с помощью элементов `` и ``.

Вот пример HTML кода для создания выпадающего списка:

html

Option 1 Option 2 Option 3

В этом примере создан простой выпадающий список с тремя опциями - "Option 1", "Option 2" и "Option 3".

Чтобы добавить CSS стилизацию к выпадающему списку, можно использовать псевдокласс `:hover` или `:focus`, чтобы изменить его внешний вид при наведении курсора или при получении фокуса.

Ниже приведен пример CSS кода для стилизации выпадающего списка:

css
select {
  width: 200px;
  padding: 10px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  background-color: #f2f2f2;
}
select:hover, select:focus {
  background-color: #e6e6e6;
}