写真に枠をつける

写真に枠をつけた方が見栄えが良くなると思って、いろいろ調べて作った。
結果採用したものをメモ。

css

.photo {
    background: White;
    padding: 6px;
    border-width: 3px;
    border-style: solid;
    border-color: Silver Gray Gray Silver;
    float: left;
    margin-left: 10px;
}

html

<div class="photo"><img src="hogehoge" /></div>

で表示がこんな感じ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です