akio6o6 https://blog.hatena.ne.jp/akio6o6/ ウラガミ https://akio6o6.hateblo.jp/ CSS ブログ MarkDownで見出しをつけるための記法はテキストの前に「#」をつけるだけ。そして「#」の数で見出しのレベルを表現する。慣れてる人なら「# ○○」で書かれている部分が見出しだと直感的に分かるし、レベル（階層構造）もすぐに把握できる。 文字サイズや線のみの装飾で見出しのレベルが分かりにくいブログがあるけど、MarkDown記法だとすぐに分かる。そんなわけで、このブログの小見出しをMarkDown風にCSSで装飾してみることにした。（HTMLをMarkDown風に表示するという逆転の発想） 具体的には、H2の前に自働で「## 」という文字列を挿入、H3の前には「### 」を、という風に文字を追加… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fakio6o6.hateblo.jp%2Fentry%2F2016%2F11%2F21%2F175337" title="CSSではてなブログの見出しをMarkDownっぽくしてみる - ウラガミ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://capture.heartrails.com/100x100/?http://blog.hatena.ne.jp/-/store/theme/10328749687192147839 Hatena Blog https://hatena.blog 2016-11-21 17:53:37 rich https://akio6o6.hateblo.jp/entry/2016/11/21/175337 1.0 100%