1.填写css

在主题后台,自定义css处加上,下面的代码!

    /*美化h标题*/
    #post-content h1 {
    font-size: 30px
    }

    #post-content h2 {
    position: relative;
    margin: 20px 0 32px!important;
    font-size: 1.55em;
    }

    #post-content h3 {
    font-size: 20px
    }

    #post-content h4 {
    font-size: 15px
    }

    #post-content h2::after {
    transition: all .35s;
    content: "";
    position: absolute;
    background: linear- 
    gradient(#3c67bd8c 30%,#3c67bd 70%);
    width: 1em;
    left: 0;
    box-shadow: 0 3px 3px rgba(32,160,255,.4);
    height: 3px;
    bottom: -8px;
    }

    #post-content h2::before {
    content: "";
    width: 100%;
    border-bottom: 1px solid #eee;
    bottom: -7px;
    position: absolute
   
    }

    #post-content h2:hover::after {
    width: 2.5em;
    }

     #post-content h1,#post-content 
     h2,#post-content h3,#post-content 
     h4,#post-content h5,#post-content .h6 {
    color: #666;
    line-height: 1.4;
    font-weight: 700;
    margin: 30px 0 10px 0
      }

2.使用方法和效果

效果正如你所见~

这是效果

这是效果

使用方法

## 标题
## 标题 ##

其实就是二级标题~

最后修改:2021 年 03 月 27 日 04 : 49 PM
如果觉得我的文章对你有用,请随意赞赏