it.vsesobe.ru

Треугольники через css

Треугольники рисуются с помощью boarder, часть рамки boarder указываем прозрачной transparent

<style>
   .block::after {
    content:"";
    width:0px;
    display: inline-block;
    border: 7px solid transparent; 
    border-top: 7px solid;
    vertical-align: bottom;
    margin-left: 5px;
   }
  </style>
<div class="block"></div>