twicliで文字カウンタ部分に使っている、画像を使わずにCSSのみで吹き出し作る方法です。 こういうの。 三角形の書き方 隣り合う二辺で色が異なるボーダーを駆使すると、直角三角形が描けます。順を追って説明すると、 下のように上と右で色が違うボーダーを指定すると、次のようになります。 <style> #balloon-p1 { border-top: solid 9px red; border-right: solid 9px #99f; width: 10; height: 10; background-color: yellow; } </style> <div id="balloon-p1"></div> 黄色部分が要素の本体、赤が上のボーダー、青が右のボーダーです。 要素のheightを0にすると、下のようになります。 さらにwidthも0に。 赤色部分を透明色にすれば、直角三角形