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

孤狼
孤狼
孤狼
171
文章
118
评论
2018年12月13日18:15:1911032,543 530字阅读1分46秒
摘要

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

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

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

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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
孤狼
  • 本文由 发表于 2018年12月13日18:15:19
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
【新年气象】过年啦WordPress 主题添加挂灯笼特效 WordPress

【新年气象】过年啦WordPress 主题添加挂灯笼特效

过年挂灯笼是中国的一个习俗,家里挂灯笼,自己博客也是自己的家,当然也要挂一个了。代码这里也分享一下,有喜欢的朋友拿去用,将灯笼挂在自己的博客上,增加点过年的气氛。这个灯笼只是简单应...
匿名

发表评论

匿名网友 填写信息

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

评论:110   其中:访客  107   博主  3
    • 你好啊 你好啊

      感谢分享 点个赞

      • 你好 你好

        谣言止于智者,聊天止于呵呵。

        • 3424224 3424224

          别对我说永远,我活不到那个点。

          • 7976 7976

            哪有什么错过的人,会离开的都是路人。

            • 星星的梦 星星的梦

              想和男朋友去看电影,有什么好看的,男朋友介绍吗?

              •      

                既没有牵过手,也没有挂过科,就是所谓的无牵无挂。

                • 腾讯视频 腾讯视频

                  别人露腿那叫美,你露腿就想让人怼。