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.使用方法和效果

效果正如你所见~

这是效果

这是效果

使用方法

## 标题
## 标题 ##

其实就是二级标题~

Last modification：April 13th, 2020 at 10:36 pm
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏