文章最后更新时间：2025-02-20 19:43:54

这篇文章记录一下我的这个文章标题样式，只有h1和h2的样式还有一个h3，方便我后面我找不到这个文章，文章标题样式美化

代码部署

本文隐藏内容
/*h1、h2、h3标题样式开始*/
.wp-posts-content>h1.wp-block-heading{
position: relative;
padding: 10px 12px;
display: block;
font-size: 20px;
color: #6297FF;
font-weight: bold;
line-height: 26px;
margin-bottom: 20px;
background: url(/img/icon/h1_h2.png) no-repeat;
background-size: 1000px 1000px;
background-position: -5px -902px;
}
.wp-posts-content>h2.wp-block-heading{
padding: 0px 0px 0px 19px !important;
position: relative;
padding: 10px 12px;
display: block;
font-size: 20px;
color: #6297FF;
font-weight: bold;
line-height: 32px;
margin-bottom: 20px;
background: url(/img/icon/h1_h2.png) no-repeat;
background-size: 1000px 999px;
background-position: -3px -837px;
}
.wp-posts-content>h3.wp-block-heading{
padding: 0px 0px 0px 45px!important;
background: url(/img/icon/h3.svg) 10px center no-repeat;
background-size: 30px 20px;
}
.wp-posts-content>h1.wp-block-heading:before{
display:none;
}
.wp-posts-content>h2.wp-block-heading:before{
display:none;
}
.wp-posts-content>h3.wp-block-heading:before{
display:none;
}
/*h1、h2、h3标题样式结束*/

素材