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

avatar 2018年12月18日10:16:19 评论 6,340

直接在主题设置定制风格css选项加上

/*缩略图添加圆角和背影特效*/
.thumbnail {
    border-radius: 6px;
    box-shadow: rgba(0,0,0,0.5) 3px 3px 3px;
}

以上是缩略图添加圆角和背影特效

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

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

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

效果预览,我加上了全局半透明所以效果不是很好。哈哈

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
广告也精彩
avatar

发表评论

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