wordpress知更鸟Begin主题缩略图及方框添加圆角边框

2019年10月17日23:25:39 评论 41

wordpress知更鸟Begin主题缩略图及方框添加圆角边框

就如上图的样式

想在将代发分享给大家!

1.找到模板下面的style.css使用代码编辑软件打开后搜索 .thumbnail(搜索到的第一个就是了)

这段是搜索到没修改前的代码

/** 缩略图 **/
.thumbnail {
    position: relative;
    float: left;
    max-width: 200px;
    height: auto;
    clear: both;
    margin: 1px 20px 0 0;
    overflow: hidden;
    transition-duration: .5s;
}

在{ }中间添加以下两行属性:

//缩略图添加边框
border:1px solid #ccc;
padding:4px;

修改后完整代码

/** 缩略图 **/
.thumbnail {
 position: relative;
    float: left;
    max-width: 200px;
    height: auto;
    clear: both;
    margin: 1px 20px 0 0;
    overflow: hidden;
    transition-duration: .5s;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,0.496094) 3px 3px 3px;
}

 

weinxin
我的微信
这是我的微信扫一扫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: