CSS相框效果示例代码

前端技术 2023/09/06 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

本文地址：https://www.stayed.cn/item/17203

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案