2021年10月22日csscssだけで三角形を作ることがあるんですが、あまり理解しないまま適当に使っていました。理解して使えるようにしておきたいと思います。色々な向きの直角二等辺三角形の作り方が分かったので、そちらをメモしておきます。スポンサーリンクcssだけで作れる直角二等辺三角形1~8はいずれも、三角形の大きさは「border」の太さ(※border-width)、色は「border」の色(※border-color)を変更すればOKです。詳細は各項目に記述しています。ページ内リンクで飛ばして読まれる方もいらっしゃるかもしれないので、各項目に重複した内容も書いています。※上のソースだと#000となっている箇所まとめ思いのほかcssだけで色々な三角形を作れそうです。svgでも作成は可能ですが、三角形であればcssの方がお手軽かもしれないですね。5~8とかの三角形は割と使える場所は多そうです。▲や▼は普通に文字で書けますが、右向きや左向きの三角は少し特殊なので、より使い道はありそうです。↓こちらは最近実際に仕事で使ったものです。