JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bordered">Lorem Ipsum Dolor Sit Amet</div>

CSS

.bordered {
  position: relative;
  height: 75px;
  width: 100%;
  border-top: 40px solid black;
  background: #EEE;
  padding-top: 10px;
}

.bordered:before {
  position: absolute;
  content: '';
  top: 0px;
  height: 8px;
  width: 100%;
  background-size: 12px 12px;
  background-position: -5px -3px;
  background-image: -webkit-radial-gradient(50% 100%, circle, transparent 50%, black 55%);
  background-image: -moz-radial-gradient(50% 0%, circle, transparent 50%, black 55%);
  background-image: radial-gradient(circle at 50% 100%, transparent 50%, black 55%);
}