找到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;
- }
备注缩略图阴影圆角效果要单独添加,上图样式可自行调整删减。
41F
登录回复
感谢分享呀,你这个评论特效牛X呀
42F
登录回复
好好好
43F
登录回复
学习一下
44F
登录回复
学习一下
45F
登录回复
学习一下
46F
登录回复
来刷个IP哈哈。
47F
登录回复
看看
48F
登录回复
可爱的小企鹅 我爱死你了
49F
登录回复
亲爱的小企鹅,我来扒你代码了
50F
登录回复
这个不错挺好看的
51F
登录回复
厉害666
52F
登录回复
看看
53F
登录回复
感谢分享呀,你这个评论特效牛X呀