Линия из двух цветов

Все блоги / DLE движок для сайтов | 1 мая 2013

Простенький сниппет для реализации двухцветной полоски над текстом, если побаловаться с градиентами - можно сделать радугу))
HTML:
<h2>Lorem ipsum dolor sit.</h2>

CSS:
h2 {
    position: relative;
    display: inline-block;
    padding: 5px;
    border-top: solid 4px #f96;
}
h2:after {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    height: 4px;
    width: 40%;
    background: #444;
}


 Источник:dle-faq.pro, DLE
Перейти на сайт

Похожие новости