自动给图片加边框的代码这里已经出现过了，但是会有表情也加上边框的问题，我就把代码扩展了一下。

=========================华丽的分隔线==================================

在网页中往往加上了边框之后，图片看起来才不那么突兀，但是在编辑器中一个一个图片去设置又比较麻烦。在PJBLOG中，可以在当前使用的SKIN的GLOBAL.CSS中加上以下代码，让所有文章中的图片自动带上边框。

.Content-body img{padding:4px;border:1px solid #ccc;margin:2px;background-color: #fff;}

但是这样就会有一个问题，如果在文章中使用了表情的话，这些表情也会带上灰色的边框。由于表情的大小往往是比较小的（如32 x 32、48 x 48、96 x 96）等，那么可把上述代码扩展一下：

.Content-body img {
        padding:expression(width > 50 ? "4px":"0");
        border:expression(width > 50 ? "1px solid #ccc":"0 solid #ccc");
        margin:expression(width > 50 ? "2px":"0px");
}

通过判断图片的宽度是否大于 50 像素 （如果表情比较小或者比较大，可以适当修改这个值，因为一般文章中的图片都会超过这个大小），系统会自动决定是否给这个图片加上边框。

这样的话，在图片自动加上边框的同时，我们就不用担心表情也被加上边框了。

==========================华丽的分隔线======================================

注：自动加边框的代码来源于网上，作者可能是Jinn。另外扩展代码可能只能用于IE，未经其他浏览器测试。

似乎见过，继续重温~

JINNLIFE的博客里讲过。呵呵