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

wordpress知更鸟Begin主题缩略图及方框添加圆角边框 ——WordPress美化教程

2018-01-16 13:29 小鹿推广

小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台，采用独创的竞价算法，智能精准出价，一键批量查排名，根据关键词位置实时调整出价，降低出价虚高，稳定排名，节省企业预算。

小鹿竞价软件专题介绍：https://www.xiaolutg.com/bidding/fengchao?ref=menu

找到style.css文件里缩略图的class名 .thumbnail
.thumbnail{
position:relative;
float:left;
max-width:200px;
height:auto;
clear:both;
margin:1px20px00;
overflow:hidden;
transition-duration:.5s;
}
在{ }中间添加以下两行属性：

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

添加后完整代码如下：

.thumbnail{
position:relative;
float:left;
max-width:200px;
height:auto;
clear:both;
margin:1px20px00;
border:1pxsolid#ccc;
padding:4px;
overflow:hidden;
transition-duration:.5s;
}

自用的代码：

[reply]

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

如果出现手机端不兼容的情况请用下面代码试试（最简单直接建议使用）：

/*缩略图添加圆角和背影特效*/
.thumbnail{
border-radius:6px;
box-shadow:rgba(0,0,0,0.5)3px3px3px;
}

[/reply]

效果如下:

首页幻灯片圆角

#sliderimg{
border-radius: 8px;
}

/**网站圆角样式集合**/
#slider img,.single-tag li a,#sliderimg,.cat-box,.cat-title,.fadeInUp,#sidebarh3,.cat-grid-title,.cat-square-title,.nbs-flexisel-container,img,h1,h2,h3,h4,h5,h6,a，.nav-menu,.nav-menu*,.type-cata,.child-cata,.link-alla
{border-radius:8px
}

备注缩略图阴影圆角效果要单独添加，上图样式可自行调整删减。

标签：小鹿竞价推广

<< 上一篇

小鹿推广：SEO新手必备

下一篇 >>

总结2018最新百度算法更新大全（2013 – 2018）