应用CSS为照片加上大量趣味性的5种方式

今日大家将向大伙儿共享一些给你平平淡淡枯燥的照片加上大量趣味性情调的简易方法。应用Photoshop为每一个照片加上某类款式尽管行得通,但会是非常枯燥且艰难的长期工作中。下边要详细介绍的CSS方法将协助你从痛楚中摆脱出去!假如你也是有自身独特的CSS方法,期待能一同共享。

黑影实际效果 根据应用含有一些padding之的情况图来加上黑影实际效果。

 

HTML

”

CSS

img.shadow {
           background: url(shadow-1000 1000.gif) no-repeat right bottom;
           padding: 5px 10px 10px 5px;
}


上面有最好的解读,这一实际效果是根据在上边堆叠一个有全透明度的照片的技术性。对于IE6的PNG全透明度难题,能够参照。

 

HTML

 


   

 

CSS

.frame-block {
position: relative;
display: block;
height:335px;
width: 575px;
}
.frame-block span {
background: url(frame.png) no-repeat center top;
height:335px;
width: 575px;
display: block;
position: absolute;
}


· 火狐浏览器没法线上安裝firebug,当地安裝firebug的处理方式 今日碰到一个怪异的事儿,改版系统软件后新安裝的火狐浏览器访问器没法线上.... · css情况渐变色的方法与方式 用css完成网页页面情况渐变色的编码以下: 一、从上向下渐变色 Example S.... · 掌握CSS镜像劫持及相对预防方式 用于设计网页动画特效的CSS编码,还可以用于镜像劫持。 伴随着Web2.0的普及化.... · CSS HACK和访问器适配处理方式 一. 详细介绍 本文包含了八个十分有效的处理方法, 在开展css设计方案.... · 海外高手写的HTC方法PNG照片情况全透明可加连接的方式 今日发觉一海外高手用HTC文档的方法处理了这一难题,取出来与大....