2019/03/12更新 ブログやサイトを見ている時、会話風に掛け合いがあると楽しいですよね。 他のブログでよく見かける会話風の吹き出しを作るCSSを導入してみました。 CSSには全く詳しくないので、なんかここ変更してみたら出来た!という初心者向けの内容です。 導入の仕方から簡単なカスタマイズまで載せて行きます。 会話風の吹き出し設定方法 1.使うCSSをコピーする 2.クラス名を変更 3.画像URLを取得する 4.実際に編集するときの使い方 使い方がちょっと手間と感じる場合 簡単なカスタマイズ方法 ボックスシャドウの影 枠線と色の変更 吹き出し内の文字色 完成形 ※設定でつまずいちゃう方 まとめ:手順通りに設定すれば必ず使えるようになります 会話風の吹き出し設定方法 参考にしたのはシロマ (id:shiromatakumi)さんのこちらの記事。 色々な方が参考にされていて、とてもわかり易