找到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;
- }
自用的代码:
此处为隐藏的内容
发表评论并刷新,方可查看
效果如下:
首页幻灯片圆角
- #slider img {
- border-radius: 8px;
- }
备注缩略图阴影圆角效果要单独添加,上图样式可自行调整删减。
21F
登录回复
又要偷走
22F
登录回复
再看一次。。。
23F
登录回复
支持
24F
登录回复
看看
25F
登录回复
好,非常好
26F
登录回复
很好看不错
27F
登录回复
漂亮6666
28F
登录回复
漂亮
29F
登录回复
看看怎么样。。。。
30F
登录回复
学习一下
31F
登录回复
学学习
32F
登录回复
很不错
33F
登录回复
我去⊙∀⊙!
34F
登录回复
这个很好看
35F
登录回复
不错的文章我来研究谢谢
36F
登录回复
很漂亮
37F
登录回复
改造的不错
38F
登录回复
看看
39F
登录回复
感谢大佬分享
40F
登录回复
看看