CSS Photo Frame Effect sample Code

Picture frame effect Presumably everyone knows it, then how to use CSS to achieve it? Here is a good example, interested friends can refer to the following

Effect chart
1, CSS style

Copy Code code as follows:
. pic. box{
Background:url (/mydemo/images/round1.png) no-repeat;
width:60px;
height:60px;
Display:block;
_background:none;
_filter:progid:dximagetransform.microsoft.alphaimageloader (src= "/mydemo/images/round1.png", sizingMethod= "crop" );
Position:absolute;
width:60px;
height:60px;
z-index:9999;
}
. pic img{
width:60px;
height:60px;
}

2, HTML code

Copy Code code as follows:
<!--photo Frame-->
<div class= "pic" >
<span class= "box" ></span>

</div>

Attachment

Round.png