点击注册网校，注册后直接登录使用，免费入驻，技术支持微信：https98很多时候看知更鸟的缩略图较生硬，今天分享一个代码，把缩略图进行圆角处理!
修改后的效果
找到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;
- }
1. 如有链接无法下载、失效或广告，请联系QQ：181289218 处理！
2. 本站的所有资源为购买、网络收集，或者用户投稿的资源，版权归原作者及网站所有!
3. 如若侵犯了您的权利，请及时联系站长删除!
4. 本站提供的资源，都不包含技术服务请大家谅解！
5. 此软件“仅限学习交流，不能用于商业用途”！
6. 如用于商业用途，请到官方购买正版软件，追究法律责任与“云墨SEO”站点无关！
2. 本站的所有资源为购买、网络收集，或者用户投稿的资源，版权归原作者及网站所有!
3. 如若侵犯了您的权利，请及时联系站长删除!
4. 本站提供的资源，都不包含技术服务请大家谅解！
5. 此软件“仅限学习交流，不能用于商业用途”！
6. 如用于商业用途，请到官方购买正版软件，追究法律责任与“云墨SEO”站点无关！
- 我的微信
- 这是我的微信扫一扫
-
- 站长技术资源群
- QQ群：431710796
-
评论