CSS Triangle | CSS-Tricks

HTML You can make them with a single div. It’s nice to have classes for each direction possibility. <div class="arrow-up"></div> <div class="arrow-down"></div> <div class="arrow-left"></div> <div class="arrow-right"></div> The idea is a box with zero width and height. The actual width and height of the arrow is determined by the width of the border. In an up arrow, for example, the bottom border i

[site159]

スタイルで　ボーダーらへんを使い　三角形作るサンプル

[ginpei]

borderを駆使した上下左右を向いた三角形の作り方。綺麗に出るものだなあ。

[mach3ss]

これはいい三角形。