【ＣＳＳ】　画像の周りに写真風の枠をつける

お仕事のWEBページに写真風の枠がある画像をつけたくて検索したところ、
こちらを見付けました。

http://www.webbibo.com/blog/htmlcss/photoframe.html

私はこの記述をちょっと修正させて頂きました。

*****memo*****

1.HTML記述方法

写真

2.CSS記述方法

.frame {
float: left;
margin: 0;
padding: 5px;
border-color: #BBBBBB;
border-width: 1px;
border-style: solid;
background-color: #FFFFFF;
}

.clear {
clear: both;
}

****memo****

clear:both;を設置したら、レイアウトが崩れてしまったので外しました。

今回はなくてもよかったようです。