6 Jan

为bo-blog的日志内插图片加上边框

分类:网络生活   出处:本站原创                            | |
壹直想美化下bo-blog的日志内的图片效果,因为以前版本不能为日志内插图片使用单独的标签,导至在CSS中加入图片边框效果使整个站点的图片都加上了边框,严重影响了页面的布局。在2.0.3这一个版本中,这个功能被得到支持,下面讲讲如何像本站一样给日志内插的图片有一个近似于邮票边缘的效果,其方法很简单,利用CSS的的滤镜效果就可了,好了,开始操作吧:
1、打开风格下的CSS文件。
2、将如下CSS代码加入到最后:
.insertimage {
   border: 1px dashed #cccccc;
   filter:progid:DXImageTransform.Microsoft.Glow(color=#cccccc,Strength=3);
   padding: 5px;
   background-color: #FFFFFF;
}

3、上传,打开网页即可看到效果。
注意:你的bo-blog版必须是2.0.3及以上支持。
如需转载请注明出处,谢谢!
10255 次阅读
0 条评论
0 条引用
夜晚 作者:yeyo   时间:21:22   Tags: , , ,
发表评论
  昵称 [注册]
  密码 (游客无需密码)
  网址
  电邮
  您也可用OpenID登入
开启/隐藏 高级扩展