吹き出し(バルーン)はチャットなど会話形式でよく利用されるデザインですね。そんな吹き出しのデザインを画像を使わずにCSSだけで実装する方法を紹介します。吹き出しをデザインするまずは、文字を表示させる部分を作ります。いっても単純に背景色を敷いたボックスを作るだけなので全然難しくありません。center;}次にCSSで三角形を作って吹き出しっぽく見せます。transparent;}疑似要素「:before」を使って表示させています。三角形のデザインはボーダープロパティを使って作っています。三角形の位置はポジションを使って指定しています。0;」に変更して、「border-left」を「border-right」に変更すれば左側に表示させることができます。下側に付けたい場合は、「bottom」を指定し、ボーダーをそれぞれ「border-top」「border-left」「border-right」を指定すれば表示できます。You以上が、CSSだけで吹き出しをデザインする方法となります。