HTML/CSSで簡単な吹き出しの作り方 - Qiita

社内向けに書いたドキュメントが好評だったので公開しちゃいます。 基本編1 本体と三角形を分けて実装します <div class="balloon"> こんにちはこんにちは！ <div class="triangle"></div> </div> .balloon { position: relative; width: 200px; height: 30px; background-color: #ccc; text-align: center; } .balloon .triangle { position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-top: 10px solid #ccc; border-left: 10px solid transparent

[snomof]

borderで三角形できるのか

[yamadar]

軽やかな解説を見習いたい

[kumi-fj]

web

[minamishinji]

ほう。

[KumamotoLab]

HTML/CSSで簡単な吹き出しの作り方 by @ymrl on @Qiita

[hatajoe]

なるほどー

[vivit_jc]

地味に便利

[kussun]

borderで▼。なるほど。

[ymrl]

社内向けドキュメントのつもりで書いたけど社内向けっぽくない感じになったので公開した