どうも!LSSです!! 昨日、「ブログの背景に罫線を描き、その上に文字が綺麗に並ぶ」よう挑戦した記事を書きました。 little-strange.hatenablog.com ただし、これは背景として罫線模様のlinear-gradientを、そして行の高さとなるline-heightプロパティを模様にあわせる、というもので、文章中に高さが変わる要素…例えば文字を一部大きくするとか、画像を入れるとか、見出しをまたぐなどであっさり崩れてしまいます^^; それらの問題をクリアできるわけではないのですが、都度 <div class="keisen">中の文章</div> を入れるのも使い勝手が悪いな…と思い、「ブログ1記事全文を罫線表示する」際に扱いやすいコードに書き換えてみました。 ※はてなブログ向けです。 なお、今回は過去記事にコードを突っ込み、表示例としています。 コード その1 コード