wordpress中文章内图片自动添加外边框

2022-09-26 11:28:42 浏览数 (1)

wordpress中文章内图片自动添加外边框

作者:matrix 被围观: 2,221 次 发布时间:2013-08-29 分类:Wordpress 兼容并蓄 | 无评论 »

这是一个创建于 3290 天前的主题,其中的信息可能已经有所发展或是发生改变。

给文章中的图片自动添加外边框会带来不一样的效果,需要在主题style.css中添加代码。

样式一:

代码:

代码语言:javascript复制
.entry img { max-width: 650px; width: auto; max-height: 400px; height: auto; padding: 5px; background: #fff; box-shadow:0 0 30px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.5); }
.entry img:hover { background: #DD856D; }

样式二:

代码:

代码语言:javascript复制
.entry img{
    max-width:548px!important;
    _width:expression(this.scrollwidth > 548 ? "548px" : (this.scrollwidth < 1? "1px" : "auto"));
    height:auto;border:0;display:inline;position: relative;
    background:url('images/125.png') no-repeat left bottom;padding-bottom:15px;}

其中images/125.png可自定义。如果图片宽度太小,边框显示会不理想。代码来自别人家的孩子,SO 问题只有搁在这里。

下载:

http://www.400gb.com/file/28831572

http://pan.baidu.com/share/link?shareid=4275666077&uk=3238236832

0 人点赞