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; }