wordpress知更鸟Begin主题缩略图及方框添加圆角边框 ——WordPress美化教程

2018年5月8日22:04:15 47 22,720

找到style.css文件里缩略图的class名 .thumbnail

 

  1. .thumbnail {
  2.     positionrelative;
  3.     floatleft;
  4.     max-width200px;
  5.     heightauto;
  6.     clearboth;
  7.     margin1px 20px 0 0;
  8.     overflowhidden;
  9.     transition-duration: .5s;
  10. }

 

在{ }中间添加以下两行属性:

 

  1. //缩略图添加边框
  2. border:1px solid #ccc;
  3. padding:4px;

添加后完整代码如下:

  1. .thumbnail {
  2.     positionrelative;
  3.     floatleft;
  4.     max-width200px;
  5.     heightauto;
  6.     clearboth;
  7.     margin1px 20px 0 0;
  8.     border:1px solid #ccc;
  9.     padding:4px;
  10.     overflowhidden;
  11.     transition-duration: .5s;
  12. }

 

自用的代码:

此处为隐藏的内容!
发表评论并刷新,才能查看

效果如下:

wordpress知更鸟Begin主题缩略图及方框添加圆角边框 ——WordPress美化教程的图片 1

首页幻灯片圆角

  1. #slider img {
  2. border-radius: 8px;
  3. }

wordpress知更鸟Begin主题缩略图及方框添加圆角边框 ——WordPress美化教程的图片 2

 

  1. /** 网站圆角样式集合 **/
  2. #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
  3. {border-radius: 8px
  4. }

备注缩略图阴影圆角效果要单独添加,上图样式可自行调整删减。

weinxin
欢迎加入中国SEO站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。中国企鹅SEO站长之家

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:47   其中:访客  47   博主  0

    • avatar 企鹅seo 4 谷歌浏览器 Windows 7 日本

      这个很漂亮

      • avatar 偷偷→爱你! 0 来自天朝的朋友 火狐浏览器 Windows 10 四川省凉山州 移动

        学习一下

        • avatar 简简单单 0 来自天朝的朋友 QQ浏览器 Windows 7 上海市浦东新区 电信

          学习一下

          • avatar 这个很漂亮 1 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 移动

            这个很漂亮

            • avatar Administrator 1 来自天朝的朋友 搜狗浏览器 Windows 7 广东省汕头市 电信

              谢谢

              • avatar 花花牛 1 来自天朝的朋友 QQ浏览器 Windows XP 北京市 移动

                来看看

                • avatar 花花牛 0 来自天朝的朋友 QQ浏览器 Windows XP 北京市 移动

                  必须来看看

                  • avatar 123123 1 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省盐城市 电信

                    有隐藏的内容吗 我那看

                    • avatar 123 2 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 鹏博士长城宽带

                      研究研究,谢谢哈

                      • avatar 闻到 0 来自天朝的朋友 谷歌浏览器 Windows 10 辽宁省大连市 大连海事大学

                        看看

                        • avatar 夏尺 2 来自天朝的朋友 谷歌浏览器 Windows 10 山东省 移动

                          感谢博主的分享!

                          • avatar 夏尺 2 来自天朝的朋友 谷歌浏览器 Windows 10 山东省 移动

                            咦,我记得回复了这个的,今天给贵站贡献了不少浏览量,哈哈

                            • avatar 岐山猕猴桃 1 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 电信

                              学习了!

                              • avatar AIXAN 1 来自天朝的朋友 谷歌浏览器 Windows 10 河南省平顶山市 电信

                                漂亮

                                • avatar 完成未完成 0 来自天朝的朋友 谷歌浏览器 Windows 10 河南省 移动

                                  border:1px solid #ccc;
                                  padding:4px;ss试试

                                  • avatar 久留不走i 1 来自天朝的朋友 谷歌浏览器 Windows 10 北京市 方正宽带

                                    拿教程咯

                                    • avatar voice站点 2 来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信

                                      学习一下

                                      • avatar 壹清云 1 来自天朝的朋友 QQ浏览器 Windows 10 辽宁省阜新市 联通

                                        一针见血的评论,来了

                                        • avatar 云≥ω≤ 0 来自天朝的朋友 QQ浏览器 Windows 10 陕西省西安市 电信

                                          学习一下

                                          • avatar 去看你博客 1 来自天朝的朋友 QQ浏览器 Windows 10 北京市 移动

                                            这个看看怎么弄

                                            • avatar 2B博客 2 来自天朝的朋友 谷歌浏览器 Windows 10 甘肃省白银市 电信

                                              又要偷走

                                              • avatar 2B博客 2 来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动

                                                再看一次。。。

                                                • avatar 晓梦 0 来自天朝的朋友 谷歌浏览器 Windows 10 河北省邯郸市 电信

                                                  支持

                                                  • avatar 2B博客 2 来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动

                                                    看看

                                                    • avatar nicheng中文 2 来自天朝的朋友 搜狗浏览器 Windows 7 湖北省武汉市 鹏博士长城宽带

                                                      好,非常好

                                                      • avatar 2 来自天朝的朋友 火狐浏览器 Windows 7 河北省廊坊市 电信

                                                        很好看不错

                                                        • avatar wh 2 火狐浏览器 Windows 10 中国

                                                          漂亮6666

                                                          • avatar 666 1 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 电信

                                                            漂亮

                                                            • avatar aions 1 来自天朝的朋友 谷歌浏览器 Windows 10 陕西省榆林市 电信

                                                              看看怎么样。。。。

                                                              • avatar qqqqq 1 来自天朝的朋友 谷歌浏览器 Windows 10 广东省中山市 电信

                                                                学习一下

                                                                • avatar 秋叶home 2 来自天朝的朋友 谷歌浏览器 Windows 10 山东省临沂市 电信

                                                                  学学习

                                                                  • avatar 法定人认购 1 来自天朝的朋友 谷歌浏览器 Windows 7 陕西省西安市 电信

                                                                    很不错

                                                                    • avatar 良人 1 来自天朝的朋友 谷歌浏览器  Android 6.0.1 MI 4LTE Build/MMB29M 重庆市 联通

                                                                      我去⊙∀⊙!

                                                                      • avatar fff 1 来自天朝的朋友 QQ浏览器 Windows 10 广东省佛山市 联通

                                                                        这个很好看

                                                                        • avatar pengyouyi 0 来自天朝的朋友 火狐浏览器 Mac OS X 10.12 江苏省苏州市 电信

                                                                          不错的文章我来研究谢谢

                                                                          • avatar shuai 1 火狐浏览器 Windows 10 IANA 保留地址

                                                                            很漂亮

                                                                            • avatar ayuwang 2 来自天朝的朋友 谷歌浏览器 Windows 7 河北省廊坊市 电信

                                                                              改造的不错

                                                                              • avatar Orange 1 来自天朝的朋友 谷歌浏览器 Windows 7 山东省菏泽市巨野县 联通

                                                                                看看

                                                                                • avatar zhuzihongyu 1 来自天朝的朋友 火狐浏览器5.0 Windows 10 浙江省杭州市 电信

                                                                                  感谢大佬分享

                                                                                  • avatar aini99 1 来自天朝的朋友 QQ浏览器 Windows 7 内蒙古通辽市 联通

                                                                                    看看

                                                                                    • avatar Mr.张 0 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省宿迁市 电信

                                                                                      感谢分享呀,你这个评论特效牛X呀

                                                                                      • avatar aini99 1 来自天朝的朋友 QQ浏览器 Windows 7 内蒙古通辽市 联通

                                                                                        好好好

                                                                                        • avatar 石家庄seo 1 来自天朝的朋友 QQ浏览器 Windows 10 河北省 联通

                                                                                          学习一下

                                                                                          • avatar 灵悟 1 来自天朝的朋友 谷歌浏览器 Windows 7 上海市崇明县 电信

                                                                                            学习一下

                                                                                            • avatar 好一个秋 1 来自天朝的朋友 谷歌浏览器 Windows 10 云南省昆明市 联通

                                                                                              学习一下

                                                                                              • avatar ┊√ 小浩 ゛____ 1 来自天朝的朋友 谷歌浏览器 Windows 10 山东省 联通

                                                                                                来刷个IP哈哈。 :mrgreen: