准备一个一个用PS改吗?那么等你之后想要更改所有风格,那你又想怎么做.....
如果我告诉你可以用CSS+div来解决问题,你会相信吗?
在介绍方法之前,先谈谈利与弊。
利,在于CSS用类来寻找修饰对象,只要把边框div归到一类就完成所有边框的修饰
,相当快捷。且修改只需修改一个CSS文件,而不是大量的图片。
从某些方面讲,这样可以解决一定的空间,特别是在图片数量很多的时候。
弊,CSS是个需要和代码打交道的事情,如果不小心就得落到一点点调试的下场,
可能在制作时相当的耗时。其次,CSS无法满足那些审美相当高的人,也就是无法
进行相当华丽的修饰(准确的说,是可以的,但是那样会增大附加文件大小,和代
码长度,编写也更复杂,划不来)。
那么,接下面来介绍用CSS简单进行图片修饰的方法。
点击此处察看示例这样简单边框填充色,然后加上描述性文字是相当实用的加工方法之一,对于照片
或写真非常适用。填充色、线条种类、线条粗细、线条颜色都可以通过相关代码修
改。
点击此处察看示例动态的图片边框,可以用作网页里面的图片选项,或者相册的图片边框,可让浏览
者了解到自己到底从众多图片中选的是哪一个。
填充色、线条种类、线条粗细、线条颜色都可以通过相关代码修改。
Sample 3 点击此处察看示例Drop Shadow,也就是阴影,一般来说大家都习惯用PS的图层样式来做吧,不过那
种方法遇到很多图片就算用批处理工作量也不堪设想。
思路是将Div曾背景图片用作好的阴影边框,图片对于DIV层相对定位,用边界属性来进一步定位图片(让下面的阴影层显示出来),造成阴影的视觉效果。
事先做好的阴影图片必须有一定的大小,不能小于要修饰的图片。