Lovely Wolf
2008年07月16日
12:25
【第 43 話】 ブログの画像の外側に罫線を入れて、上品な感じにしてみる！- スタイルシート編集編 -
★アメリカ空軍所属の秘書さまは沖縄の嘉手納AIR ベースに勤務してたころから、日本のことが大好き。
・・・彼女を連れて初めて祇園に初詣でに行ったときには、今日、ここに来たよとか言うてるし。orz
- by Lovely Wolf -
★しばらく、俺がセカンドライフを留守にしていたので、彼女から、：((( の嵐がやってきた。
★なんと唇が三重なんだけど。・・・しわかな？
・・・とりあえず、リアルのくだらねぇ仕事のせいだよって、ベッドの上で必至に弁解しているWolf の図。
★そんな中、彼女が最近はまっている日本人のお店のことを聞き出した！
・・・AOHARU ってナニ?
# AOHARU - HAIR BOUTIQUE SKIN
<Web URL>
http://aoharusl.blogspot.com/
★話題の日本人、machang Pichot さんのブログを見て、ひとつ気づいたので今日の講座ではこれをやってみる。
・・・本日のお題は、「ブログの画像の外側に罫線を入れて、上品な感じにしてみる」です。
★やることは、とっても簡単。スタイルシートに以下の
赤字部分を追加するだけ。margin (領域の外側の余白)はいらないから、/*～*/を使ってコメントアウトにした。
・・・padding は、罫線と画像との間の余白のこと。#666 の部分は色の指定だから、好きなように変えてみてくれ。solid は実線のこと。点線や曲線なんかも指定できたりする。出来栄え云々については、俺のブログを見てくれりゃわかるでしょ？
/* 記事本文内画像 */
.main img{
/* margin: 5px; */
padding: 7px;
border: 1px #666 solid;
}
・・・シンプルテンプレートではうまくいったが、なぜか？オリジナルテンプレートでは罫線が出こなかった。理由がわかった人は、コメントでも入れといてくれ。