Web blog WEBブログ

CSSで三角形や矢印をつくる方法

2019.04.22

こんにちは。コーダーの兼山です。

忘備録をかねて三角形・矢印のデザインをご紹介します。
文章の強調や、リンクの先頭など、アイコンで配置したい時などに便利です。

右向き三角形

左向き三角形

上向き三角形

下向き三角形

山括弧

スタンダードな矢印

背景付き 三角アイコン

背景付き 山括弧アイコン

まとめ

CSSだけで作れる三角形や矢印は、色や大きさを自由に変えることができます。
画像で表現するよりも便利なので、是非、活用しましょう!

兼山暖美

この記事を書いた人 兼山 暖美 エンジニア

無料相談窓口