CSSだけで吹き出し画像のような見た目を実現する方法

CSS のみで吹き出し - terkel.jp

hail2u.net – Weblog – Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。

メモ。

外側のブロックは2つのborderを指定することによりborder同士の接触を斜めに表示させて、かつ片方を透過にすることにより一方のborderの斜めの部分だけ表示させるというテクニックを使い、吹き出しの三角部分を表示している。