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

2019年5月24日07:47:375402

找到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. #slider img {
  2. border-radius: 8px;
  3. }

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

  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. }

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

文章最初发布于2018年5月8日 @ 下午2:04

宜家网
  • 本文由 发表于 2019年5月24日07:47:37
  • 转载请务必保留本文链接:https://www.yjro.com/343.html

发表评论

评论:54   其中:访客  52   博主  2
    • 企鹅seo
      企鹅seo

      这个很漂亮

      • 偷偷→爱你!
        偷偷→爱你! 0

        学习一下

        • 简简单单
          简简单单 0

          学习一下

            • 企鹅seo
              企鹅seo

              @ 简简单单 互相学习

            • 这个很漂亮
              这个很漂亮 1

              这个很漂亮

              • Administrator
                Administrator 1

                谢谢

                • 花花牛
                  花花牛 1

                  来看看

                  • 花花牛
                    花花牛 0

                    必须来看看

                    • 123123
                      123123 1

                      有隐藏的内容吗 我那看

                      • 123
                        123 2

                        研究研究,谢谢哈

                        • 闻到
                          闻到 0

                          看看

                          • 夏尺
                            夏尺 2

                            感谢博主的分享!

                            • 夏尺
                              夏尺 2

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

                              • 岐山猕猴桃
                                岐山猕猴桃 1

                                学习了!

                                • AIXAN
                                  AIXAN 1

                                  漂亮

                                  • 完成未完成
                                    完成未完成 0

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

                                    • 久留不走i
                                      久留不走i 2

                                      拿教程咯

                                      • voice站点
                                        voice站点 2

                                        学习一下

                                        • 壹清云
                                          壹清云 1

                                          一针见血的评论,来了

                                          • 云≥ω≤
                                            云≥ω≤ 0

                                            学习一下

                                            • 去看你博客
                                              去看你博客 1

                                              这个看看怎么弄

                                              • 2B博客
                                                2B博客 2

                                                又要偷走

                                                • 2B博客
                                                  2B博客 2

                                                  再看一次。。。

                                                  • 晓梦
                                                    晓梦 0

                                                    支持

                                                    • 2B博客
                                                      2B博客 2

                                                      看看

                                                      • nicheng中文
                                                        nicheng中文 2

                                                        好,非常好

                                                        • 啊
                                                          2

                                                          很好看不错

                                                          • wh
                                                            wh 2

                                                            漂亮6666

                                                            • 666
                                                              666 1

                                                              漂亮

                                                              • aions
                                                                aions 1

                                                                看看怎么样。。。。

                                                                • qqqqq
                                                                  qqqqq 1

                                                                  学习一下

                                                                  • 秋叶home
                                                                    秋叶home 2

                                                                    学学习

                                                                    • 法定人认购
                                                                      法定人认购 1

                                                                      很不错

                                                                      • 良人
                                                                        良人 1

                                                                        我去⊙∀⊙!

                                                                        • fff
                                                                          fff 1

                                                                          这个很好看

                                                                          • pengyouyi
                                                                            pengyouyi 0

                                                                            不错的文章我来研究谢谢

                                                                            • shuai
                                                                              shuai 1

                                                                              很漂亮

                                                                              • ayuwang
                                                                                ayuwang 2

                                                                                改造的不错

                                                                                • Orange
                                                                                  Orange 1

                                                                                  看看

                                                                                  • zhuzihongyu
                                                                                    zhuzihongyu 1

                                                                                    感谢大佬分享

                                                                                    • aini99
                                                                                      aini99 1

                                                                                      看看

                                                                                      • Mr.张
                                                                                        Mr.张 0

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

                                                                                        • aini99
                                                                                          aini99 1

                                                                                          好好好

                                                                                          • 石家庄seo
                                                                                            石家庄seo 2

                                                                                            学习一下

                                                                                            • 灵悟
                                                                                              灵悟 1

                                                                                              学习一下

                                                                                              • 好一个秋
                                                                                                好一个秋 1

                                                                                                学习一下

                                                                                                • ┊√ 小浩 ゛____
                                                                                                  ┊√ 小浩 ゛____ 0

                                                                                                  来刷个IP哈哈。 :mrgreen:

                                                                                                  • 看看
                                                                                                    看看 0

                                                                                                    看看

                                                                                                    • 我如此灵动
                                                                                                      我如此灵动 1

                                                                                                      可爱的小企鹅 我爱死你了

                                                                                                      • 一点优化
                                                                                                        一点优化 1

                                                                                                        亲爱的小企鹅,我来扒你代码了

                                                                                                        • panda
                                                                                                          panda 2

                                                                                                          这个不错挺好看的

                                                                                                          • ℡抹去か記憶ミ
                                                                                                            ℡抹去か記憶ミ 1

                                                                                                            厉害666

                                                                                                            • 水兽(学车找涛哥)
                                                                                                              水兽(学车找涛哥) 1

                                                                                                              看看

                                                                                                              • 高明
                                                                                                                高明 0

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