このブログでもcssやhtmlのソースコードを掲載することがあるので、それの見た目も少し整えてみようと思います。 ソースコードの表示とシンタックスハイライト はてなブログにおいてソースコードを表示するには、「はてな記法」と「Markdown」で書くのが便利です。それぞれ、簡単な記法でソースコードをうまく表示してくれるほか、言語ごとに色付きで表示(シンタックスハイライト)することができます。 はてな記法の場合 はてな記法の場合、該当のコードの前後を>||と||<で挟めばOKです。また、最初の>||の|と|の間に言語名を入れると、それぞれの言語に応じた色付きの表示(シンタックスハイライト)で表示されます。 表示例: >|html| <header id="blog-title" data-brand="hatenablog"> <div id="blog-title-inner" > <div