• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Сделать пунктирное подчеркивание ссылок (Как сделать пунктирное подчеркивание с помощью CSS)
Сделать пунктирное подчеркивание ссылок
Kosten
Дата: Пятница, 2019-08-16, 21:10 | Сообщение 1
Оффлайн
Администраторы
Сообщений:24630
Награды: 57


Иногда нам нужно оформить ключевое слово, чтоб оно пр и открытие страницы было заметно, и здесь пунктирное подчёркивание станет отличным приемом. Так как можно увидеть, что часто используется для оформления ключевых значений и ссылок.

Где можно сделать по разному, а это под ссылку установить или просто отметить, без всяких переходов, где пунктиру задаем красочное значение, как пример идет в красной гамме цвета.



HTML

Код
<a href="http://zornet.ru/">Обычная ссылка</a> на другую страницу.
<a href="http://zornet.ru/" class="dot">Ссылка с пунктирным подчёркиванием</a>.

CSS

Код
  a.dot {
    text-decoration: none; /* Убираем подчёркивание */
    border-bottom: 1px dashed red; /* Добавляем свою линию */
   }

Ширина линии и оттенок подчёркивания для ссылок также задаются через свойство border-bottom.

Демонстрация
Прикрепления: 1930604.png(5.5 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Сделать пунктирное подчеркивание ссылок (Как сделать пунктирное подчеркивание с помощью CSS)
  • Страница 1 из 1
  • 1
Поиск: