[CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please!

設定はすぐに反映され、左のパネルにスタイルシートが表示されます。 [ad#ad-2] HTML 使用するHTMLは、下記のような感じでokです。 <div class="arrow_box">ふきだし</div> CSS 生成されるスタイルシートはアローやボーダーのみなので、吹き出しのサイズなどは別に指定して利用してください。 .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: no

[XIAORING]

Generator Dialog Arrow

[kiyokichi]

borderつきの吹き出しを1タグでつくる　ex)<p>ふきだし</p>　：afterと:before使うのでIE8～が適応可能。

[mura24]

[CSS3:generator]

[poppen]

[http://www.delicious.com/poppen/]

[tmatsuu]

memo

[warriorking]

(CSS)アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please! | コリス

[forcutie]

吹き出し baloon

[gayou]

便利そう。前に自力で書いたときはえらい苦労したなー。

[nao14115]

アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please!

[Donca]

✔ [CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please!

[aside1]

★ [CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please! B!