上向き三角形の作り方(border)
- widthを0
- heightを0
- border-bottomに色を指定
- border-bottom以外の方向にtransparent(透明)を指定
3と4で、位置を適宜変えると色々な三角形を作成することが可能。詳細は下記サイト
CSSで三角形を作る手順を初心者でも分かるように丁寧に解説！ | ZeroPlus Media
CSSで四角形や三角形、矢印などをつくることができます。 今回は、矢印の代わりとしても使える三角形をCSSでつくる方法を解説していきます。方法としましては、以下の2点で解説していきます！ CSSで三角形をつくる方法 1:borderでつくる 。2: clip-pathでつくる
zero-plus.io
