＞　> とかリンクの前後についている三角の作り方

・三角形の場合
・え？これ角度が広いけど？？90度以上の矢印を作りたい場合　←こちらの方に向けての記事です。

結論：三角形をずらして表示させる

お時間ある方は下へ↓

例えばこんなデザインの場合

borderで□を作ってそれを回転させる
これは角度が90度限定

個人的には回転（rotete）は苦手です。topの位置が変わってしまうから。

例えばこんなデザインの場合
この90度以上の□はどうやって作るんだろうか。□の角度が90度以上って？

発想の転換が必要でした。

borderで作る三角を２つ作って、左右にずらして設置します。
1つはアイコンの色、もう一つは背景色で作って、いらない部分を見えなくしてしまいます。
ずらす分が＞の太さになります。こちらは太さが2pxの場合。

CSS triangle generator
幅と高さを図って数値を入力するだけで、CSSを書き出してくれます
Equilateral：正三角形
Isosceles：二等辺三角形
Scalene：不等辺三角形　これが便利！