Simple
シンプルな吹き出し
単色のシンプルな吹き出し。背景色を変えることで、どんなサイトにも馴染ませることができます。
単色のシンプルな吹き出し。背景色を変えることで、どんなサイトにも馴染ませることができます。
単色のシンプルな吹き出し。背景色を変えることで、どんなサイトにも馴染ませることができます。
単色のシンプルな吹き出し。背景色を変えることで、どんなサイトにも馴染ませることができます。
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
HTML
CSSをコピペしてください
CSS
お疲れ様でした！
デザインの作成が完了しました。
With border
枠線ありの吹き出し
枠線付きのシンプルな吹き出し。枠線をコントラストの強い色にすると、より目立たせることができます。
枠線付きのシンプルな吹き出し。枠線をコントラストの強い色にすると、より目立たせることができます。
枠線付きのシンプルな吹き出し。枠線をコントラストの強い色にすると、より目立たせることができます。
枠線付きのシンプルな吹き出し。枠線をコントラストの強い色にすると、より目立たせることができます。
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
HTML
CSSをコピペしてください
CSS
お疲れ様でした！
デザインの作成が完了しました。
Conversational style
会話風の吹き出し
これは会話風の吹き出しです。好きなアイコン画像を指定できます。
これは会話風の吹き出しです。好きなアイコン画像を指定できます。
これはLINE風の吹き出しです。
会話によりリアルな印象を与えたい場合におすすめです。
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
※画像URL（YOUR_IMAGE_URL）は実際の画像のURLに書き換えてください。
HTML
CSSをコピペしてください
CSS
お疲れ様でした！
デザインの作成が完了しました。
Other
その他の吹き出し
ここに文章を入れます。ここに文章を入れます。ここに文章を入れます。
×
デザイン調整
HTMLコピペ
CSSコピペ
完了
HTMLをコピペしてください
※画像URL（YOUR_IMAGE_URL）は実際の画像のURLに書き換えてください。
HTML
CSSをコピペしてください
※レスポンシブ対応（幅521px以上で横並び）用のメディアクエリが含まれています。
CSS
お疲れ様でした！
デザインの作成が完了しました。