Web blog WEBブログ

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

2019.04.22

※この記事は2019年04月22日時点の情報をもとに作成されました。

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

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

右向き三角形

左向き三角形

上向き三角形

下向き三角形

山括弧

スタンダードな矢印

背景付き 三角アイコン

背景付き 山括弧アイコン

まとめ

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

ご相談・カスタマイズご依頼

弊社では上記ブログ内容にある修正・カスタマイズのご依頼も承っております。
ご自身で行ってみて上手くいかない場合などこちらよりお気軽にご相談ください。

兼山暖美

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

無料相談窓口