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

孤狼
171
文章
94
评论
2018年12月13日18:15:19 77 25,699 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
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

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

评论:77   其中:访客  74   博主  3
    • WorldHim WorldHim

      管中窥豹,时见一斑—-【晋书·王献之传】

      • gdxiao gdxiao

        动征铎(duó),客行悲故乡。鸡声茅店月,人迹板桥霜。槲(hú)叶落山路,枳(zhǐ)花明驿墙。因思杜陵梦,凫(fú)雁满回塘。—-【商山早行(唐温庭筠(yún)】

        • 454255388 454255388

          非淡泊无以明志,非宁静无以致远—-【三国·诸葛亮·诫子书】

          • 强强强强我 强强强强我

            鹬蚌相争,渔翁得利—-【战国策·燕策】