ブログに慣れていない人でも記事の中で簡単にLINE風吹き出しを表示できるCSSを自作した。マークダウン記法なら4文字(「-」「 」「1」「.」)の組み合わせだけで、コピペ不要でLINE風吹き出しの会話形式を簡単に表現できるよ。 見本 まずは見本を見せてよ。 OK。 こんな感じ。 これが4文字の組み合わせでできるの? この会話例は2文字の組み合わせなんだぜ。 半角ハイフン(-)と半角スペース( )だけ。 まぁ、ステキ💕 解説:見本の記述例を図解 上の会話例を入力するときは次のように記述した。(下の記述例はキャプチャー画像) 分かりやすいように、拡大して補足説明を入れるよ。 各行ごとの説明。 改行だけ 半角ハイフン(-)3つで改行 改行だけ 半角ハイフンの後に半角スペース( )で改行 半角スペース2つ、半角ハイフン、半角スペースの後に会話内容 4行目と同じ 5行目と同じ 5行目と同じ 特徴:
![LINE風の吹き出しをCSSだけで表示、マークダウンならたった4文字の組み合わせで簡単記述! - 移転→hapilaki.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/66e56d3163999ba3a34663cd88b8d2d5b01d6d93/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhapilaki%2F20160911%2F20160911193720.png)