Псевдоэлемент 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: Автобусные билеты по всей Европе
| Обтекание одного блока другим | |
| Автоматическая нумерация строк таблицы |
- Поиск по сайту
- aofeed - Telegram канал чтобы следить за выходом новых статей
- aofeedchat - задать вопрос в Телеграм-группе
| Рекомендую наш хостинг beget.ru |
| Пишите на info@urn.su если Вы: |
| 1. Хотите написать статью для нашего сайта или перевести статью на свой родной язык. |
| 2. Хотите разместить на сайте рекламу, подходящуюю по тематике. |
| 3. Реклама на моём сайте имеет максимальный уровень цензуры. Если Вы увидели рекламный блок недопустимый для просмотра детьми школьного возраста, вызывающий шок или вводящий в заблуждение - пожалуйста свяжитесь с нами по электронной почте |
| 4. Нашли на сайте ошибку, неточности, баг и т.д. ... ....... |
|
5. Статьи можно расшарить в соцсетях, нажав на иконку сети:
|