CSSの border トリックを用いて画像を使わずに純粋なCSSだけで描画する三角形や、ツールチップ・吹き出しの矢印コードを即座に生成します。
width と height を 0 にし、隣接するボーダーの一部を transparent（透明）にすることで、交差部分が斜めの三角形として描画されます。border-left と border-right を幅の半分で transparent にし、border-top に高さを指定して色を塗ります。::after や ::before と組み合わせることで、吹き出しの角に矢印を簡単に配置できます。