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

HHTjim 部落格

发布于 2022-09-26 11:28:42

4420

发布于 2022-09-26 11:28:42

文章被收录于专栏：HHTjim'S 部落格

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

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

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

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

样式一：

代码：

.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; }

样式二：

代码：

.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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

http