こんばんは、夜中たわしです。 今回は主にはてなブロガー向けの記事です。 前回の記事のためにLINE風の表現ができるCSSを作ったんですが、それのやり方が知りたいという熱い声(1件)があったので、公開することにしました。 他のサービスでも使用可能ですが、はてなブログ向けの導入方法として紹介します。 紹介するCSSでできること できないこと 制作背景・前置き 注意事項 CSSにコードを追加(その1) CSSにコードを追加(その2) 会話形式CSSを導入している場合 使用方法 おわりに 紹介するCSSでできること これから紹介するCSSでできる表現はこんな感じです なるほど しいたけ しいたけ そのしいたけの人は一体? わかりません なんか料理が出てきた このようにLINEのグループ会話、に近い表現ができます。 補足:このしいたけは私が撮影したものです 一応、画像じゃないですよ。テキスト部分など
![LINE風の吹き出し会話が簡単にできるCSSを作ってみた(はてなブログ) - 夜中に前へ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3cecca39c4baf8737daa64551f57d8d614765b93/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftawashix%2F20170423%2F20170423042837.png)