热搜：编程 Python Microsoft 编程语言 C++

CSS相框效果示例代码

发布时间：2023-02-27 11:26:55 来源：网络

.

山有山的沉稳厚重，一年四季却能以不同的色彩风光展示山的美丽。活泼的有单调的一面，安静的有变换的色彩。静与动的搭配，单调与精彩的结合，也就组成了最美的风景。

效果图
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