2011年5月1日 更新日：2020/02/23 IT・コンピューター

ソースコードを枠線で囲んで見やすく表示

記事本文の途中にソースコードを貼り付けてプログラムのカスタマイズ方法を記述するサイトは多いですね せっかく、自分の備忘録にもなるので見やすくわかりやすく表示してみたいものです たとえば 記事の枠線のCSSは以下のとおりです

1	/*引用タグ*/ blockquote{ margin7px; padding:10px; background:#cccccc; border:1px solid #999999; border-left:5px solid #999999; }

それよりも、ソースコードの部分は枠線で囲んだらどうなるでしょうか？


はい、コチラ

1	/*引用タグ*/ blockquote{ margin7px; padding:10px; background:#cccccc; border:1px solid #999999; border-left:5px solid #999999; }

見やすいですよね


ソースコードをこれで囲むのです。

1	<blockquote>～</blockquote>

見やすくなりますね。。。