Я пытаюсь переместить раскрывающееся меню и ссылки в раскрывающемся списке влево, а также пытаюсь добавить значок стрелк ⇐ Html

[Гость]

Я пробовал изменить свой код и добавить собственные анимированные коды значков стрелок в VS Code, но мне не удалось заставить его отображаться там, где я хочу, с помощью CSS. Я хочу, чтобы значок указывал на то, что при наведении курсора на «специалисты» открывается раскрывающийся список. Кроме того, я пытался использовать функцию поля, чтобы изменить положение раскрывающегося меню и ссылок внутри, но мне не удалось заставить его работать, поэтому я удалил большую часть внесенных мной изменений.

nav ul { цвет фона: светло-серый; дисплей: гибкий; стиль списка: нет; переполнение: видимое; } нав уль ли { поле справа: 20 пикселей; положение: относительное; } нав уль ли а { межбуквенный интервал: 1 пиксель; размер шрифта: 20 пикселей; цвет фона: светло-серый; черный цвет; текстовое оформление: нет; } нав уль ли а:hover{ белый цвет; } /* Оформление раскрывающегося меню */ .падать { положение: относительное; отображение: встроенный блок; } /* Оформление содержимого раскрывающегося списка */ .dropdown-content { дисплей: гибкий; гибкое направление: столбец; позиция: абсолютная; цвет фона: светло-серый; минимальная ширина: 160 пикселей; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-индекс: 1; переход: преобразование .25s легкость; преобразование: масштаб (0,1, 0,1); преобразование-происхождение: 0 0; непрозрачность: 0; } /* Оформление раскрывающихся ссылок */ .dropdown-content а { цвет: #333; отступ: 12 пикселей 18 пикселей; текстовое оформление: нет; дисплей: блок; размер шрифта: 14 пикселей; } /* Изменение цвета при наведении */ .dropdown-content а:hover { цвет фона: серый; } /* Показать содержимое раскрывающегося списка при наведении курсора на раскрывающийся список */ .dropdown:hover .dropdown-content { непрозрачность: 1; преобразование: масштаб (1, 1); [*]Наша история [*] Специалисты

• Вариант 1
• Вариант 2
• Вариант 3

[*]Обучение [*]DBS [*]Связаться