🎨

CSS Triangle Generator

css · triangle · border · arrow · shape

サイズ50px色

CSS

.triangle { border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:50px solid #3b82f6;width:0;height:0; display:inline-block; }

使い方

1
三角形の方向を選びます。
2
サイズと色を調整します。
3
生成されたCSSをコピーします。

FAQ

このツールは無料ですか？

はい、登録もインストールも不要で、すぐに完全無料で使えます。

このツールはどんなツールですか？

任意の向きのCSS三角形を生成しコードをコピー。登録もインストールも不要で、ページを開けばすぐに無料でお使いいただけます。