HTMLはそのままで画像不使用の吹き出しをCSSのみで作るチュートリアル | URIN HACK以前、画像不使用で吹出しを作るチュートリアルで紹介した方法を改良し、HTMLに手をつけずに吹き出しを作ることができます。こちらのほうがHTMLとして美しいのでこちらの方法をお勧めします。 HTMLは以下のようになります。 1 <div class="baroon">吹き出しのサンプル</div> 以前紹介した方法と決定的に違うのが、HTMLに手を入れなくていい、ということです。空要素をレイアウトのために使用することはHTML文書としても推奨されていません。 CSSは以下のようになります。 1 .baroon { 2 position: relative; 3 margin-left: 20px; 4 background-color: #fff; 5 } 6 .baroon:after { 7 position: absolute; top: 20px; le
