Как добавить верхнюю границу вокруг верхней части моего открытого контента, используя Clip Path CSS? [дублировать] ⇐ Html

[Anonymous]

Я хотел создать верхнюю границу, используя путь, который я разработал. > Я создаю верхний дизайн, используя путь клипа. Я хочу границу вокруг вершины моего открытого контента, которая будет отзывчивой
Как этот - пример дизайна
Мой код -





Clip Path with Visible Border

* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.divider {
position: relative;
background-color: blueviolet;
clip-path: polygon(40% 0%, 60% 0%, 64% 10%, 100% 10%, 100% 100%, 0% 100%, 0% 10%, 35% 10%);
padding: 200px;
box-shadow: -1px -10px 0px #03FAFE; /* Simulates a border */
}




















Подробнее здесь: https://stackoverflow.com/questions/793 ... -clip-path