Вёрстка CSS: Подчеркивание нескольких строк текста (inline)

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

Создание сайтов

Создание сайтов - отличный способ поддержать бренд уже известной компании, а также заявить о себе на стадии Start-Up. Доверьте создание сайта профессионалам и Ваш сайт станет источником увеличения прибыли компании.
Подробнее

Продвижение сайтов

Интернет-агентство ТОП10 предлагает воспользоваться услугами оптимизации сайтов, а именно продвижением сайтов в поисковых системах и контекстной рекламой, так как благодаря этому Ваш сайт найдут.
Подробнее

Тех. поддержка

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

Вёрстка CSS: Подчеркивание нескольких строк текста (inline)

0
29.06.201513:3829 Июня 2015 13:38
Столкнулись с проблемой подчеркивания inline-ссылок. Наверняка вам известно, что если ссылке применить свойство display: inline-block и задать при этом border-bottom то подчеркивание будет только снизу. А что, если у нас несколько строк, каждая из которых должна быть подчеркнута?

Вот решение, пользуйтесь:

.dashed {
   color: #343434;
   display: inline;
   background: -moz-linear-gradient(left, #dddddd, #dddddd 60%, transparent 60%);
   background: -ms-linear-gradient(left, #dddddd, #dddddd 60%, transparent 60%);
   background: -o-linear-gradient(left, #dddddd, #dddddd 60%, transparent 60%);
   background: -webkit-gradient(linear, 0 0, 100% 0, from(#dddddd), color-stop(0.6, #dddddd), color-stop(0.6, transparent));
   background: -webkit-linear-gradient(left, #dddddd, #dddddd 60%, transparent 60%);
   background: linear-gradient(left, #dddddd, #dddddd 60%, transparent 60%);
   background-size: 10px 1px;
   background-repeat: repeat-x;
   background-position: 0 100%;
}
 
Ваше имя*
 
E-mail
Тема

Добавить файлы
Загрузить файлы
#name#
#size#
 
#name#
Файлы:
Перетащите один или несколько файлов в эту область
или выберите файл на компьютере
Файлы:
Загрузить файлы
Код подтверждения (символы на картинке)*
Отправить