CSS相框效果示例代码_CSS教程_CSS_网页制作--HTML5中文学习网

CSS相框效果示例代码_CSS教程_CSS_网页制作

2013-11-19 13:30:29 [小大] 已经帮助：人解决问题

点评：相框效果想必大家都知道吧，那么使用css 如何实现呢？下面有个不错的示例，感兴趣的朋友可以参考下

效果图
1、CSS样式

复制代码

代码如下:

.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代码

复制代码

代码如下:

<div class="pic">
<span class="box"></span>
<img src="/images/myPic.jpg" />
</div>

附件

round.png

（责任编辑：）