はてなブログでコードブロックをコンソール風（背景色が黒）にするCSSカスタマイズ - はるなぴログ

はてなブログテーマInnocentでコードブロックの背景を黒にするCSSカスタマイズを紹介します。 はてなブログテーマInnocentのカスタマイズを行うことでコンソール風の表示を狙います。 マークダウン記法で記事を書いていますが、このカスタマイズ方法のお陰でプログラミングコードをすっきりと表示させることができています。 はてなブログテーマInnocentデフォルトのコードブロック表示 外部CSSファイルにCSSカスタマイズを記述 CSSカスタマイズ方法 はてなブログテーマInnocentデフォルトのコードブロック表示 はるなぴは、はてなブログテーマInnocentを使用しています。 Innocentというテーマはとても良くできていますが、CSSカスタマイズすることを前提に作ってあるようです。装飾は控えめです。 コードブロックもそのひとつです。デフォルト表示では囲み枠の中に記述されるのみで

[nurse_minako]

勉強になります！ 以前、カスタマイズしてブログが表示されなくなったことがあり復活させるのにかなり苦労しました。結局自分で出来なくて友達に治してもらいましたが(-_-;)cssは難しいので触るのに躊躇してしまいます

[toypoo_camper]

勉強になります！

[sankairenzoku10cm]

いつも詳しい説明ありがとうございます。といいながら難しくてなかなか反応できない私ww。

[HamUsa]

勉強になります！

[hikaritosora]

はるなぴさん、こんにちは～、自分もまだまだ知らない事が多く、こういったCSSとか非常に参考になります、ありがとうございます！

[skyaya]

ものすごく詳しく丁寧でとても参考になります！