CSS のみで吹き出し
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って﹁吹き出し﹂を作る方法を僕も考えてみた。Demo: CSS のみで吹き出し マークアップは2重の要素があればOK。ここではそれぞれ bubbleと body というクラスを付与した div とpを例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
