找到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;
- }
备注缩略图阴影圆角效果要单独添加,上图样式可自行调整删减。
1F
登录回复
这个很漂亮
2F
登录回复
学习一下
3F
登录回复
学习一下
B1
登录回复
@ 简简单单 互相学习
4F
登录回复
这个很漂亮
5F
登录回复
谢谢
6F
登录回复
来看看
7F
登录回复
必须来看看
8F
登录回复
有隐藏的内容吗 我那看
9F
登录回复
研究研究,谢谢哈
10F
登录回复
看看
11F
登录回复
感谢博主的分享!
12F
登录回复
咦,我记得回复了这个的,今天给贵站贡献了不少浏览量,哈哈
13F
登录回复
学习了!
14F
登录回复
漂亮
15F
登录回复
border:1px solid #ccc;
padding:4px;ss试试
16F
登录回复
拿教程咯
17F
登录回复
学习一下
18F
登录回复
一针见血的评论,来了
19F
登录回复
学习一下
20F
登录回复
这个看看怎么弄