[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](https://stackoverflow.com/questions/7073484/how-do-css-triangles-work)