実践！CSSだけで作れる吹き出しボックス - 続・教えて！Turing先生

Webデザインこれは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌話題の上のページにわたしも興味を持ったのですが、ソースを見てもイマイチ原理がわからなかったので実践してみます。まずはとりあえずマネをしてみる .arrow1{ width: 0; height: 0; line-height: 0; border-top: 10px solid red; border-left: 30px solid white; } まだわからないので、色を変えてみる .arrow2{ width: 0; height: 0; line-height: 0; border-top: 10px solid red; border-left: 30px solid black; } さらにわかりやすくするために１行目をコメントアウトし、divの間に文を入れてみる。ここが div c

[rti7743]

すげーわかりやすかった！これで理解できた。。。なるほどそうやって三角形が作れるのか。三角形を重ね合わせて多角形も作れるのかな

[fumokmm]

試してみたサンプルのブログ。