【CSS】CSSのみで三角と矢印を作る方法 - bagelee（ベーグリー）はじめに 本記事ではCSSのみを使って三角や矢印を作る方法をご紹介します。 すでに三角や矢印を作れる方でも、「実際にはコードの中身の仕組みがよくわかっていないんだよね〜」という方もいらっしゃるんではないでしょうか？ 今回はそんな方に向けて細かい解説を交えながらご紹介します！ 三角の作り方 こちらは実際にCSSで作成した三角です。 HTMLコード： <div class="triangle"> </div> <div class="triangle1"> </div> <div class="triangle2"> </div> <div class="triangle3"> </div> CSSコード： .triangle{ width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid
