网上找了一堆的7b2柒比贰主题美化资料,然后发现实际可以用的没有几个,不是缺少教程,就是某些代码缺少了一些内容,所以我就自己来找了资料了,以上的代码都是经过站主自己测试,可实际使用。
所以做了一个B2主题美化教程,希望大家可以快速布置出自己的网站。
代码部署
将下列代码加入到styles.css之中,强制刷新缓存即可
/*文章内容美化H标签 start*/
.entry-content > h2::before{content: '';margin-right:0;}
.single-article .entry-content > h2{
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
padding: 5px 12px;
border-left: 5px solid #0061a8;
font-size: 21px;
left: -25px;
position: inherit;
}
.single-article .entry-content > h3{
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
padding: 5px 12px;
border-left: 5px solid #037ad1;
font-size: 18px;
left: -25px;
position: inherit;
}
.single-article .entry-content > h4{
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
padding: 5px 12px;
border-left: 5px solid #3a89c3;
font-size: 15px;
left: -25px;
position: inherit;
}
.single-article .entry-content > h5{
font-weight: bold;
background-color: #f6f6f6;
margin: 20px 0;
padding: 5px 12px;
border-left: 5px solid #FFC0CB;
font-size: 12px;
left: -25px;
position: inherit;
}
/*文章内容美化H标签 end*/