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

Простенький сниппет для реализации двухцветной полоски над текстом, если побаловаться с градиентами - можно сделать радугу))
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

Перейти на сайт

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

• Весеннее настроение и двойная выгода: дарим вторую лицензию
• Ajax-отправка форм в админпанели - модуль AdminAjaxForms
• Весенняя акция на лицензии DataLife Engine
• Arne Slot ayaa eedda dusha ka saaray hal qof ka dib guuldarradii Liverpool ka soo gaartay Galatasaray..
• Chelsea oo go’aansatay inay iibiso Liam Delap ka dib markii uu hal gool dhaliyay tan iyo markii uu xagaagii ku biiray.
• Sidee habeenkii naxdinta lahaa ee Kinsky u dhacay ka hor inta aan la badalin daqiiqadii 17aad..
• Luka Modric ayaa soo afjaray wararka xanta ah ee la xiriirinaya inuu ku laabanayo Real Madrid, isagoo ku adkeysanaya inuu….
• Alejandro Garnacho ayaa ka digay in mustaqbalka Chelsea uu noqon karo mid aad u fool xun iyadoo halyeeyga kooxda uu ku..
• Chelsea oo qalbi jabisay Wrexham ka dib markii VAR ay ku guuleysatay….
• Kooxda Real Madrid ayaa ku soo biirtay tartanka loogu jiro saxiixa Sandro Tonali oo ka tirsan NewcastleUnited.