Страницы

Поиск по вопросам

пятница, 1 марта 2019 г.

Как сделать полоску на элементе меню, как у гугла и icons8

Как сделать полоску на элементе меню такую же, как на картинках?


Ответ

Вариант с border
* { margin: 0; padding: 0; } body { font-family: Monospace, sans-serif; } .container { padding: 0 15px; } li { list-style-type: none; } a { text-decoration: none; color: black; text-transform: uppercase; } .menu { padding-top: 15px; background-color: crimson; } .list { display: flex; justify-content: flex-end; } .list li { padding-bottom: 15px; margin-left: 15px; } .active { border-bottom: 2px solid black; } .list li:hover { border-bottom: 2px solid black; }


Комментариев нет:

Отправить комментарий