子比主题H1-H6标题美化为自定义图像效果

晨泽

这家伙很懒，什么都没有写...

03111

原版的标签只有大小的区别，你可能看到微信公众号文章的排版，他们的标签可能是有变化的，是不同的图标，这里提供一份CSS代码，用于覆盖原有标题，将左侧竖线替换为其它图标。

想法是将左竖线和底部横线before元素修改为猫爪SVG图片

修改前后对比

修改前

修改后

由于子比左竖线是全局生效，所以也会影响到相同的地方，例如小工具内的标题以及评论区、相关推荐等区块标题

代码

图标资源站(不可商用)：https://www.iconfont.cn/

文章源：知新网(已停服)

如果你喜欢我的内容，可以赞助我哦！你的一点点心意，是我不断前进的动力！

去赞助

温馨提示：
本文最后更新于2025-03-31 00:28:41，某些文章具有时效性，若有错误或已失效，请在下方留言或加入QQ群：
399019539 联系群主反馈。注意一些链接无法访问可能是你网络的原因，如Github，并非资源地址失效。

本站名称：

王先生笔记

本站网址：

https://wxsnote.cn

1本站的代码分享(60%)，文字段落(95%)等，均为站长原创，全是站长亲手敲的，不可转载！付费资源及付费文章，更不可转载！

2若有转载部分，文章中会注明来源。若本站有部分内容与其他平台的内容有相同，未注明来源是因为发布时网络中找的来源太多无法查其根源，故不作注明。其内容仅供大家学习与参考，如有侵权，请联系站长进行删除处理。

3访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。

4除此以外，将本网站任何内容或服务用于其他用途时，须征得本网站及相关权利人的书面许可，并支付报酬。

如发现资源链接或文章教程失效，请联系我们，我们会在第一时间修复。
QQ群：①群399019539

转载自：王先? — 原文链接

文章版权归作者所有，未经允许请勿转载。

THE END