知更鸟主题原版的缩略图样式是直角样式的,看着比较直板,那如何给全站的缩略图添加圆角样式呢?今天小编就教大家如何设置圆角样式?代码如下:
/* 主题缩略图和幻灯片添加圆角边框 */ .thumbnail { border-radius: 6px; box-shadow: rgba(0,0,0,0.5) 3px 3px 3px; } /** 网站圆角样式集合 **/ #slider img,.single-tag li a,#slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3,.cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a,.nav-menu, .nav-menu *,.type-cat a, .child-cat a,.link-all a { border-radius: 8px }
把以上代码添加到添加到主题设置中的定制风格--自定义样式框里即可,方法如下:
然后保存,刷新网站首页即可看到效果,效果如下:
你学会了?赶紧去试一下吧!
- 扫扫加博主微信
- 分享热门资源
-
- 微信公众号
- 扫一扫获取解压密码
-
评论