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

Выпадающий список в CSS можно реализовать с помощью комбинации HTML и CSS. Вот пример кода для создания простого выпадающего списка:

HTML:

html

  Click me
  

    
Option 1
    
Option 2
    
Option 3
  

CSS:

css
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-toggle {
  background-color: #f1f1f1;
  color: black;
  padding: 8px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-menu li {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-menu li:hover {
  background-color: #ddd;
}
.dropdown:hover .dropdown-menu {
  display: block;
}

В этом примере, мы создали `