WordPress标题文章H标签美化

代码说明:

此美化代码只是修改只是针对文章的css样式并不是所有H标签的样式,
找到主题模板中的main.css也就是style.css,之后找到里边的.entry-content h1文章样式的h1或其他h标签.将其对应修改为以上代码.
代码中的颜色字体大小可以根据自己喜好修改。颜色修改:color:   ;字体大小:font-size:   背景颜色: background-color: #fccad3;

效果:

CSS:

.post .entry-content h1{
    font-size:25px;
    font-weight:bold;
    color: #e50d4c;
    background-color: #fccad3;
    border-bottom: 1px solid;
    padding: 5px 15px;
    border-left: 5px solid;
    margin:18px 0px 18px 0px;
    overflow: hidden;
}
.post .entry-content h2{
    font-size:21px;
    font-weight:bold;
    color: #850de8;
    background-color: #eeeafe;
    border-bottom: 1px solid;
    padding: 5px 15px;
    border-left: 5px solid;
    margin:18px 0px 18px 0px;
    overflow: hidden;
}
.post .entry-content h3{
    font-size:17px;
    font-weight:bold;
    color: #41b0f4;
    background-color: #ddf0fe;
    border-bottom: 1px solid;
    padding: 5px 15px;
    border-left: 5px solid;
    margin:18px 0px 18px 0px;
    overflow: hidden;
}
.post .entry-content h4{
    font-size:13px;
    font-weight:bold;
    color: #20b60b;
    background-color: #ebfde5;
    border-bottom: 1px solid;
    padding: 5px 15px;
    border-left: 5px solid;
    margin:18px 0px 18px 5px;
    overflow: hidden;
}
.post .entry-content h5{
    font-size:10px;
    font-weight:bold;
    color: #f1e40f;
    background-color: #fefeea;
    border-bottom: 1px solid;
    padding: 5px 15px;
    border-left: 5px solid;
    margin:18px 0px 18px 10px;
    overflow: hidden;
}
共享资源网提供最优质的资源集合。
共享资源网 » WordPress标题文章H标签美化

发表评论

共享资源网提供最优质的资源集合

充值中心 开启会员