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

到此这篇关于CSS相框效果示例代码就介绍到这了。对牛弹琴伤心的不是牛,先了解对象后,再“弹琴”。更多相关CSS相框效果示例代码内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
CSS 图片动画特效的示例代码(相框)

CSS伪元素before、after设置特殊效果:制作时尚焦点图相框

css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解