О проекте

Данный сайт попытка повысить коммуникацию самых активных разработчиков на CMS Drupal - блоггеров. Если Вы ведете свой блог о Друпале, значит Вы готовы делиться вашими знаниями, помочь другим. Не всегда ваши знания доходят до потребителя. Задача данного сайта агрегировать знания различных блогов в единую ленту и привести на Ваши блоги активных пользователей.

Активность пользователей на Вашем сайте будет дополнительным стимулом к дальнейшей работе.

Удачи во всех Ваших начинаниях!

CSS: Линии с помощью linear-gradient

-25 votes
+
-

Благодаря тому, что градиент это фоновое изображение, ему (градиенту) можно задавать такие параметры как — размер, повторяемость и позицию. Таким образом для вывода линии достаточно создать однопиксельный градиент из одного цвета и отрепитить его в нужную сторону.
Пример подчёркнутого текста:
.underlined {
background-image: linear-gradient(to bottom, black, black);
background-size: 1px 1px;
background-repeat: repeat-x;
background-position: 0 bottom;
}
Демо
Читать дальше →
Похожие записи:

Полный оригинальный материал:

XandeadX
CSS: Линии с помощью linear-gradient