部署代码:
找到style.css文件里缩略图的class名 .thumbnail
在{ }中间添加以下两行属性:
- //缩略图添加边框
- 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;
- }
注:添加边框会导致文章列表框变高。
效果图:

小算草微信公众号
扫一扫关注小算草微信公众号,打开微信简简单单即可查看小算草所有内容,更快捷更方便。
2017年7月30日 14:39
不错,这个效果感觉好酷呀!收了!谢谢分享!
2017年7月30日 15:54
@明月学习笔记Blog 美观大方
2017年7月28日 15:51
加了以后 很漂亮
2017年7月28日 16:02
@福利堆 是啊,很有相框的感觉。
2017年7月12日 21:59
我只加了圆角,博主太厉害了,把边框也加上了!
2017年7月12日 22:14
@Koolight 我现在这个效果加边框不好看了,希望有喜欢的人拿去用吧!