CSS: border-bottom-color

<style>
 .panel {
 background: #fffcd5; /* Цвет фона */
 } 
 .panel p {
 padding: 5px; /* Добавляем поля */
 margin: 0; /* Убираем отступы у абзаца */
 }
 .title {
 background: #ef7c32; /* Цвет фона */
 color: white; /* Цвет текста */
 border-bottom-width: 2px; /* Толщина линии внизу */
 border-bottom-style: solid; /* Стиль линии внизу */
 border-bottom-color: #c4005b; /* Цвет линии внизу */
 }
</style>

<div class="panel">
 <p class="title">Глиссандирующая ритмоформула</p>
 <p>Глиссандирующая ритмоформула, на первый взгляд, 
 представляет собой разнокомпонентный канал, 
 однако сами песни забываются очень быстро.</p>
</div>

Пример: