Loading
◆◆0

知更鸟主题“关于本站”小工具头像的居中布局美化

来源：企鹅SEO 2019-04-25 11:20:00 WordPress 252 0

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

关于知更鸟主题“关于本站”小工具中头像的居中布局美化工作，其实比较简单，一段CSS代码就可以搞定。代码来源【朱曙明的博客】，感谢作者提供！

美化方法，将下面样式代码添加主题选项→定制风格，“自定义样式”中。

  1. /** 修改关于本站css**/
  2.     .about-img {
  3.         text-align: center;
  4.         background: url(http://imgs.zhushuming.cn/wp-content/uploads/2017/09/20170906100932100.jpg) center center no-repeat;
  5.         background-size: cover;
  6.         height: 120px;
  7.         margin: 0px 0 40px 0;
  8.     }
  9.     .about-img img {
  10.         width: 120px;
  11.         height: auto;
  12.         margin: 35px 0px 0 92px;
  13.         padding: 2px;
  14.         border-radius: 50%;
  15.         border: 2px solid #f8f8f8;
  16.     }
  17.     .about-name {
  18.         font-size: 16px;
  19.         font-weight: 700;
  20.         text-align: center;
  21.     }

 修改后效果

知更鸟主题“关于本站”小工具头像的居中布局美化

修改前效果

知更鸟主题“关于本站”小工具头像的居中布局美化

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明：站长码字很辛苦啊,转载时请保留本声明及附带文章链接：https://blog.tag.gg/showinfo-19-18680-0.html
亲爱的：若该文章解决了您的问题,可否收藏+评论+分享呢？
上一篇：wordpress站点旋转音乐教程
下一篇：wordpress美化-网站炫动导航栏代码教程