🏠 | 💻  IT | CSS |

Псевдоэлемент before в виде стрелки

Это самый простой способ без отрисовки сложного CSS

Пример

CSS

Создадим класс для ссылки .read и псевдокласс .read::before в который просто положим ❯❯ в параметр content

.read { border-left: 2px solid #502542; border-bottom: 1px dashed #502542; border-top: 1px dashed #502542; width:100%; padding-left:2rem; padding-top: 1rem; padding-bottom: 1rem; } .read::before { color:#502542; margin-left:-1.5rem; margin-right:1rem; content: "❯❯"; }

HTML

<a class="read" href="https://tp.media/r?marker=201961&p=4114&u=https%3A%2F%2Faviasales.ru"> Aviasales: Лучшие цены на авиабилеты </a> <br> <br> <a class="read" href="https://tp.media/r?marker=201961&p=3460&u=https%3A%2F%2Fwww.flixbus.ru%2F"> Flixbus: Автобусные билеты по всей Европе </a>

Результат

Aviasales: Лучшие цены на авиабилеты

Flixbus: Автобусные билеты по всей Европе

Статьи о CSS
Обтекание одного блока другим
Автоматическая нумерация строк таблицы
Поменять вертикально расположенные блоки местами
Контакты и сотрудничество:
Рекомендую наш хостинг beget.ru
Пишите на info@eth1.ru если Вы:
1. Хотите написать статью для нашего сайта или перевести статью на свой родной язык.
2. Хотите разместить на сайте рекламу, подходящуюю по тематике.
3. Реклама на моём сайте имеет максимальный уровень цензуры. Если Вы увидели рекламный блок недопустимый для просмотра детьми школьного возраста, вызывающий шок или вводящий в заблуждение - пожалуйста свяжитесь с нами по электронной почте
4. Нашли на сайте ошибку, неточности, баг и т.д. ... .......
5. Статьи можно расшарить в соцсетях, нажав на иконку сети: