Босс Большой, Не за что.

Босс Большой, За работоспособность кода не ручаюсь, так как с телефона, и не могу увидеть окончательный результат, но как пример использования сгодится.

Босс Большой, .block {
background: green;
position: relative;
padding: 10px;
}

/* Левый треугольник */

.block:before {
content: "";
position: absolute;
top: 5px;
left: 0;
border-top: 5px solid transparent;
border-left: 5px solid green;
border-bottom: 5px solid transparent;
}

/* Правый треугольник */

.block:after {
content: "";
position: absolute;
top: 5px;
right: 0;
border-top: 5px solid transparent;
border-left: 5px solid green;
border-bottom: 5px solid transparent;
}

Босс Большой, Так и есть.

На изображении задействован псевдостиль :before в котором создается треугольник

Я понимаю, псевдостили :before и :after используй, для создания треугольников.