HatenaBlog、ブログデザインのテンプレートも増えてきて好みのものが見つけやすくなってきた。しかし、角丸の半径とかドロップシャドウの深さとか、すご~く細かいところを直したくなる場合もある。そこで、デザインcssの編集だ。 と言ってもどんな記述をしていいかわかりにくい。少しいじってみたので手順を書いておこう。Chrome上での操作だが他のブラウザでも同様だと思う。 まず自分のブログを表示させて変更したい要素で右クリック→「要素を検証」。 DeveloperToolsが表示されるので選択されている部分を確認する。(この場合はimgタグ) 右ペインで対応するスタイル記述を見つけコピーする。(この場合img.hatena.fotolife{.....}) ダッシュボード→デザイン→カスタマイズにあるデザインcss欄にペーストする。 ペーストしたスタイルのプロパティを好きなようにカスタマイズす
![HatenaBlogのデザインcssで痒いところに手を入れる - キオクノキLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a7ae82731e58edc08685847994a0f7fbc34da87/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftwinleaves%2F20131022%2F20131022221116.jpg)