CSSで写真に影付きのシンプルな枠(フレーム)を付ける。

CSSで写真にシンプルな枠(フレーム)を付ける。

• 枠に淡い影を付ける。

<img class="box-frame" src="img/xxx.jpg">
<style>
.box-frame {
	padding:7px;
	border:1px solid #ccc;
	background:#fff;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}
</style>

• 角を少し丸くする。

<img class="box-frame" src="img/xxx.jpg">
<style>
.box-frame {
	padding:7px;
	border:1px solid #ccc;
	background:#fff;
	box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
	border-radius: 4px; /* 角丸 */
}
</style>