CSSで三角形
今日は、三角形を作るよ
インラインCSSでもできるんですか？
そうだよ、作り方はとても簡単だよ
それでは、今日のコードだよ
＜div style="width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid black;"＞＜/div＞ ＜div style="width: 0;height: 0;border-left: 30px solid black;border-top: 30px solid transparent;border-bottom: 30px solid transparent;"＞＜/div＞ ＜div style="width: 0; height: 0; border-top: 30px solid transparent; border-right: 30px solid black; border-bottom: 30px solid transparent;"＞＜/div＞ ＜div style="width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid black;"＞＜/div＞
できました！
「border」を一か所指定して、あとは、透明にすることによって三角形になるんだ
「width」と「height」を0に指定することによって、境界線は次のようなイメージになるよ
なるほど、これを順番に透明にしていくんですね