很多时候看知更鸟的缩略图较生硬，今天分享一个代码，把缩略图进行圆角处理!
找到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;
- overflow: hidden;
- transition-duration: .5s;
- border-radius: 8px;
- -webkit-box-shadow: rgba(0,0,0,0.496094) 3px 3px 3px;
- }
文章评论