快好知 kuaihz

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

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

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

/** 修改关于本站css**/

    .about-img {

        text-align: center;

        background: url(http://imgs.zhushuming.cn/wp-content/uploads/2017/09/20170906100932100.jpg) center center no-repeat;

        background-size: cover;

        height: 120px;

        margin: 0px 0 40px 0;

    }

    .about-img img {

        width: 120px;

        height: auto;

        margin: 35px 0px 0 92px;

        padding: 2px;

        border-radius: 50%;

        border: 2px solid #f8f8f8;

    }

    .about-name {

        font-size: 16px;

        font-weight: 700;

        text-align: center;

    }

 修改后效果

修改前效果

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:知更鸟  知更鸟词条  居中  居中词条  美化  美化词条  头像  头像词条  布局  布局词条  
优化

 成功打造高权重博客必知的SEO技...

对于我们每个草根站长来说,我们都希望自己能够运营一个高权重的博客网站,但是试想一下,我们身边朋友的博客有几个是“高权重”的?或许你以前经常听一些资深的SEO高手...(展开)

优化

 SEO终极算法四大关键

1、首页的优化(1)明确网站主题,TDK(标题、描述、关键词)设置好,这个想好后不要轻易去更改。首页H1标签的设置,B标签的使用这些基础东西没设置的自己去设置好...(展开)