Color & CSS Tools

CSS Triangle Generator

CSSのborderを使った三角形を生成します。

width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #3b82f6;

使い方

  1. 方向・サイズ・色を指定
  2. CSSをコピー

CSS Triangle Generatorについて

borderプロパティを利用したCSS三角形を、方向・サイズ・色を指定して生成する無料ツールです。吹き出しの矢印などに最適。

よくある質問

斜め三角形は作れますか?

4方向の標準三角形に対応しています。

関連ツール

おすすめツール