Utilizando os pseudo-elementos `:after` e `:before`: <!-- begin snippet: js hide: false --> <!-- language: lang-css --> div{ width: 0; height: 0; border-style: solid; border-width: 200px 190px 0 190px; border-color: #000000 transparent transparent transparent; } div:before { content: ""; display: block; position: absolute; border-top-left-radius: 100px; border-top-right-radius: 100px; width: 57%; height: 80px; background-color: white; right: 50px; top: 7px; } div:after { content: ""; display: block; position: absolute; border-top-left-radius: 100px; border-top-right-radius: 100px; width: 57%; height: 80px; background-color: white; right: 450px; top: 7px; } <!-- language: lang-html --> <div></div> <!-- end snippet -->