【转载】CSS修饰图片
时间：2009年03月26日作者：愚人码头查看次数:4,170 views评论次数：1
有人翻译了《css decorative gallery》这篇文章，这写也是我们前端开发的时候经常用到的一些技巧。感谢翻译者，感谢webdesignerwall
这篇文章主要介绍了用简单的 CSS 技巧来装饰图片的技巧，方法很简单，只需要用一个 span 标签并对它应用背景图，即可以做出非常漂亮但不失灵活的效果。而且作者还提供了 20 多种经过精心设计的演示，从简单的装饰一个小图片到应用圆角的边框，再到半透明的蒙版……不废话来，先来看演示：
View Demo (在线演示） and Download（下载）
作者给出了这样做的几点理由：
- 省时方便：不用再用 PhotoShop 去对每张图片进行处理
- 完好地保留了原始图片：因为是用 CSS 对图片进行样式处理，所以不用对图片进行任何修改，保留了最原始的完整的图片。
- 非常的灵活：你完全可以通过只修改 CSS 而使图片的效果变成另外一个样子。
- 应用广泛：可以在任何地方，对任意尺寸的图片进行装饰。
- 兼容性强：在大部分浏览器上测试通过，包括 (Firefox, Safari, Opera, 甚至是 IE6 )。
最新评论
非常好
Post:2012-02-08 21:59:12@linda, 没见过世面吧你，老板才8 »
Post:2012-02-07 18:11:22码头哥，换个链接，http://www.ijo »
Post:2012-02-07 17:18:45currying: 科里化
Post:2012-02-06 15:51:18貌似在线api已经下不了了
Post:2012-02-06 11:25:19图片被防盗链了，哈哈～
Post:2012-02-06 10:29:45对你造成的不便非常抱歉，简易你卸 »
Post:2012-02-05 14:45:16您好,请问air版本的自动更新怎么去 »
Post:2012-02-05 12:06:24