Sprechblase

Hallöchen!

Das funktioniert weil ein Border an der Ecke mit einem 45 Grad Winkel an der Ecke abgeschrägt ist, wie bei einem Bilderrahmen.
Das sieht man am nächsten Beispiel.

border-color: #1CB97C transparent transparent #E10303;

Das nächste div bekommt die Höhe und Breite 0 und nur oben und links eine Borderfarbe. Wenn beide Farben die gleichen wären, wäre das Dreieck fertig.

Nun braucht man noch ein zweites Dreieck direkt darüber, welches einen etwas kleineren und weißen Border hat und fertig ist die Ecke für die Sprechblase.