Увеличить зону кликабельности ссылки — HTML/CSS
16 марта 2022 г.
0 минут
9

В этой статье расскажу о трех способах растянуть ссылку на всю площадь элемента.
Допустим, у нас есть страница с превью новостей:
Необходимо сделать ссылкой не только подзаголовок, но и саму картинку. Есть три способа три: назовем их хороший, плохой и злой.
Содержание
Плохой
Просто обернуть и заголовок, и картинку в ссылку следующим образом:
Злой
Обернуть все в одну ссылку:
Хороший
Разместить ссылку в заголовке, а затем расширить область ссылки на всю карточку с помощь псевдоэлемента :before:
Можно использовать любой из этих трех способов, но лично я предпочитаю последний.
filimonov
3 года назад
9