WordPress 圆形头像

EndSkin 侧边栏 “最新评论” 的用户头像是圆形的,很多人问我怎么把头像变成圆形的,这里直接回复一下。圆形头像,其实头像图片本身还是方形的,是用 CSS3 的 border-radius 属性做成圆形的。

圆形头像

WordPress 圆形头像

实现圆形头像很简单,只需要打开当前主题根目录的 style.css,在最后边添加下边的代码:

保存之后所有的头像就都是圆形的了。

头像旋转

当前你把鼠标放到 EndSkin 的圆形头像上的时候头像会旋转,非常帅,如果你也要旋转的效果,可以用下边的代码替换上边的代码:

发表评论

4 条评论

  1. 快乐家园 说道:

    😆 这个还有其他玩法:
    水滴形
    border-top-left-radius: 0 !important;
    border-radius: 100%;
    树叶形
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 50%;

    1. 斌果 说道:

      好方法 😆
      不过这篇文章是给新手看的~ 😛

    2. 斌果 说道:

      你也备案了?