- 元に戻す
まずはdivを1つ書く
border:3px solid #333;
- borderを色分けする
上下左右のborderの色をわかりやすく変えてみましょう。
border-top-color:#59AFFF;
border-right-color:#FB5E60;
border-bottom-color:#FFBB4B;
border-left-color:#00B514;
- borderの太さを徐々に太くする
borderを太くしていくと、三角形になっていることがわかる。
- borderの色を透明に
上を残して左右下のborderの色を透明にする
三角形のみ残すことに成功！