WordPress文章内容H标签格式化
WordPress文章内容H标签格式化只是针对文章页的css样式,不是所有H标签的样式,可别弄错了。
找到主题模板中的main.css也就是style.css,我用的是ripro主题所以直接放diy.css里。
之后找到里边的.entry-content h1文章样式的h1或其他h标签,将其对应修改为以上代码。
代码中的颜色字体大小可以根据自己喜好修改。
H标签格式化代码
/*文章页标签美化*/ .entry-content h1 { color: #f70404; font-size: 28px; font-weight: bold; background-color: #fcfcfc; margin: 20px 0; border-bottom: 2px solid #f70404; padding: 5px 12px; border-left: 5px solid #f70404; margin: 12px 0px; border-radius: 0rem; } .entry-content h2 { color: #9008ff; font-size: 24px; font-weight: bold; background-color: #fcfcfc; margin: 20px 0; border-bottom: 2px solid #9008ff; padding: 5px 12px; border-left: 5px solid #9008ff; margin: 12px 0px; border-radius: 0rem; } .entry-content h3 { color: #ee5e0a; font-size: 20px; font-weight: bold; background-color: #fcfcfc; margin: 20px 0; border-bottom: 2px solid #ee5e0a; padding: 5px 12px; border-left: 5px solid #ee5e0a; margin: 12px 0px; border-radius: 0rem; } .entry-content h4 { color: #0056ff; font-size: 16px; font-weight: bold; background-color: #fcfcfc; margin: 20px 0; border-bottom: 2px solid #0056ff; padding: 5px 12px; border-left: 5px solid #0056ff; margin: 12px 0px; border-radius: 0rem; } .entry-content h5 { color: #0bf072; font-size: 13px; font-weight: bold; background-color: #fcfcfc; margin: 20px 0; border-bottom: 2px solid #0bf072; padding: 5px 12px; border-left: 5px solid #0bf072; margin: 12px 0px; border-radius: 0rem; } .entry-content h6 { color: #00b3fa; font-size: 10px; font-weight: bold; background-color: #fcfcfc; margin: 20px 0; border-bottom: 2px solid #00b3fa; padding: 5px 12px; border-left: 5px solid #00b3fa; margin: 12px 0px; border-radius: 0rem; } /*文章页标签美化*/