Hatena::ブログ(Diary)

西貢太郎(saigon-taro)の日記 RSSフィード

2012-12-26

ブログの写真に枠線をつける

よそさんのブログを見て写真に枠線や影が付いてて格好いいなあ、とうらやましかったので真似してみました。
はてなダイアリーではスタイルシートを編集すればいろいろ見た目を変えられるようです。
スタイルシートを編集する - はてなダイアリーのヘルプ

これだけじゃどう書けばいいのかわからないのでググって適当なのをコピペです。
先人の皆様、ありがとうございます m(_ _)m
あとは数字をちょっとずつ変えながら試行錯誤でこんな風にしてみました。

img.hatena-fotolife {
padding: 0px;
background: #000000;
border: 1px solid #999999;
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 1.2);
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
padding: 0px;
text-align: center;
}

これでブログ内のすべての写真に影が付きました。
f:id:saigon-taro:20121117155154j:image

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/saigon-taro/20121226/p2
Connection: close