こんばんは、夜中たわしです。 今回は主にはてなブロガー向けの記事です。 前回の記事のためにLINE風の表現ができるCSSを作ったんですが、それのやり方が知りたいという熱い声（1件）があったので、公開することにしました。 他のサービスでも使用可能ですが、はてなブログ向けの導入方法として紹介します。 紹介するCSSでできること できないこと 制作背景・前置き 注意事項 CSSにコードを追加（その1） CSSにコードを追加（その2） 会話形式CSSを導入している場合 使用方法 おわりに 紹介するCSSでできること これから紹介するCSSでできる表現はこんな感じです なるほど しいたけ　しいたけ そのしいたけの人は一体？ わかりません なんか料理が出てきた このようにLINEのグループ会話、に近い表現ができます。 補足：このしいたけは私が撮影したものです 一応、画像じゃないですよ。テキスト部分など

こんばんは。夜中たわしです。 スーパーに行ってみるとしいたけが安売りをしていたので、しいたけ料理を作りました。 しいたけを調理するのは初めてです。 しいたけのチーズ焼き 【注意】後述しますが以下の調理方法をマネすると、中毒症状を引き起こす可能性があります。 石づきを取る 石づきを切り取ります。 この時包丁で切ると、指を切ってしまう危険があります。注意しましょう（私は血が出ました）。 ハサミで切ってもいいみたいですね。 表に切り込みを入れる しいたけの表に切り込みを入れると格好いいです。 ん！ 見覚えがあるぞこれ……！ 参考：アイコンがしいたけで有名なid:watto氏のアイコン（無断借用） 醤油をかけチーズを乗せる しいたけを裏返し、醤油をかけて、とろけるチーズを乗せます。 グリルで焼く グリルで焼きます。（これが駄目でした） 完成！ できました！ チーズと醤油がしいたけによく合い、美味し