JSFiddle - React, Tailwind, and code Playground

HTML

<header></header>

CSS

body {
    margin: 0;
    background: url(http://subtlepatterns.com/patterns/rockywall.png);
}

header {
    display: block;
    height: 50px;
    background: orange;
    background-clip: padding-box; /* не даем фону залезть на border */
    border-top: 10px solid #000;
    border-bottom: 3px solid transparent; /* прозрачный зазор */
    box-shadow: 0 2px 0 0 orange; /* нижняя линия */
}