Я хотел бы создать свой заголовок как показано выше. Здесь речь идет о границе с двумя разными цветами. Вот код, который я пробовал до сих пор. Спасибо заранее.
header {
text-align: center;
background-color: #7f7f7f;
}
h1 {
color: #00a2e8;
font-size: 40px;
padding: 5px 0;
display: inline-block;
border-top: 3px solid #880015;
border-bottom: 3px solid #880015;
}
<header>
<h1>HEADER</h1>
</header>