【WordPress 教程】缩略图添加边框、边框圆角、及阴影效果

2018年12月13日18:15:19 33 12,808
摘要

wordpress美化是每一个网站必做的事,做的效果好了可以增强用户体验,这里详细告诉大家缩略图美化的相关知识。

wordpress美化是每一个网站必做的事,做的效果好了可以增强用户体验,这里详细告诉大家缩略图美化的相关知识。

具体效果看网站实景演示

直接在主题的style.css文件里增加代码:

在主题的style.css文件中查找以下代码

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

在{}之间何意行添加以下代码即可以实现缩略图添加边框效果

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

缩略图添加边框及增加圆角阴影可以二选一,达到你想的美化即可

发表评论

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

目前评论:33   其中:访客  30   博主  3

    • 你好啊 你好啊

      活着就是为了改变世界,难道还有其他原因吗?— 乔布斯

      • 你好 你好

        君子和而不同,小人同而不和。— 孔子

        • 青海分享 青海分享

          试下啊

          • 我我我 我我我

            质胜文则野,文胜质则史,文质彬彬,然后君子。— 孔子

            • White fan White fan

              芝兰生于幽林,不以无人而不芳;君子修道立德,不为穷困而改节。— 孔子

              • 青海分享 青海分享

                你好

                • 米苏 米苏

                  其实地上本没有路,走的人多了,也便成了路。— 鲁迅

                  • 游客 游客

                    君子欲讷于言而敏于行。— 孔子

                    • +搞笑视频QQ158588 +搞笑视频QQ158588

                      哈哈哈哈哈哈

                      • +搞笑视频QQ158588 +搞笑视频QQ158588

                        原以为年岁增长后立刻就会成为大人。