WordPress文章标题美化
效果展示:
WordPress文章标题美化
WordPress文章标题美化
WordPress文章标题美化
WordPress文章标题美化
WordPress文章标题美化
实现代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
| .article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5 .article-content h1 { font-weight: bold; background-color: #f6f6f6; margin: 20px 0; border-bottom: 0px solid red; padding: 5px 12px; border-left: 5px solid red; margin: 12px 0px; border-radius: 0rem;/*块圆角值*/ }
.article-content h2 { font-weight: bold; background-color: #f6f6f6; margin: 20px 0; border-bottom: 0px solid #FF1493; padding: 5px 12px; border-left: 5px solid #FF1493; border-radius: 0rem; margin: 12px 0px; }
.article-content h3 { font-weight: bold; background-color: #f6f6f6; margin: 20px 0; border-bottom: 0px solid #4169E1; padding: 5px 12px; border-left: 5px solid #4169E1; margin: 12px 0px; border-radius: 0rem; }
.article-content h4 { font-weight: bold; background-color: #f6f6f6; margin: 20px 0; border-bottom: 0px solid #3CB371; padding: 5px 12px; border-left: 5px solid #3CB371; margin: 12px 0px; border-radius: 0rem; }
.article-content h5 { font-weight: bold; background-color: #f6f6f6; margin: 20px 0; border-bottom: 0px solid #FFC0CB; padding: 5px 12px; border-left: 5px solid #FFC0CB; margin: 12px 0px; border-radius: 0rem; } |
具体调整的CSS还得根据你的主题的class决定
行云博客 - 免责申明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我(admin@xy586.top)联系处理。敬请谅解!