知更鸟 Begin 主题自带的幻灯片图片和缩略图默认的是直角，为它们添加圆角边框，今天特分享给大家。
效果图
代码部署（缩略图）
方法一：（知更鸟Begin主题5.2版）
找到style.css文件里缩略图的class名 .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;
- border:1px solid #ccc;
- padding:4px;
- overflow: hidden;
- transition-duration: .5s;
- }
自用的代码：
- .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;
- }
方法二：（知更鸟Begin主题LTS版）
直接复制放到：后台的主题选项 - 定制风格 - 自定义样式
- .thumbnail {
- border-radius: 6px;
- box-shadow: rgba(0,0,0,0.5) 3px 3px 3px;
- }
代码部署（幻灯片）
直接复制放到：后台的主题选项 - 定制风格 - 自定义样式
- /*幻灯片缩略图修改*/
- #slideshow #slider img{border-radius:5px;border:0}
- .thumbnail{border-radius:5px;border:0}
圆角的幅度可调整：border-radius:10px;值越大，越圆。
代码部署（网站圆角样式集合）
直接复制放到：后台的主题选项 - 定制风格 - 自定义样式
- /* 网站圆角样式集合 */
- #slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3,.cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a，.nav-menu, .nav-menu *,.type-cat a, .child-cat a,.link-all a
- {border-radius: 10px
- }
备注：缩略图阴影圆角效果要单独添加，上图样式可自行调整删减。最下面的网站圆角样式集合可以配合使用。
做副业长期赚不到钱的话很容易放弃，特别是对于新手来说，新手刚入行的时候期望值都比较高，以为进来就马上能赚到钱，但是现实却很残酷，很多新手都没能坚持到赚钱的时候。因此，我在朋友圈《加微信》会给大家推荐一些破零项目，钱虽然不多，但是我觉得能让很多新手做副业的信心不那么容易被打垮。
