[HTML & CSS General] CSS Caret, Triangle, Arrow

CSS でキャレット、三角、矢印といわれるような記号を描画する。

ポイントは border-color と border-width を組み合わせて、三角形をところ。

See the Pen CSS Caret by DriftwoodJP (@DriftwoodJP) on CodePen.

• css3 – How do CSS triangles work? – Stack Overflow