原版的标签只有大小的区别,你可能看到微信公众号文章的排版,他们的标签可能是有变化的,是不同的图标,这里提供一份CSS代码,用于覆盖原有标题,将左侧竖线替换为其它图标。
想法是将左竖线和底部横线before元素修改为猫爪SVG图片
修改前后对比
![图片[1]-子比主题H1-H6标题美化为自定义图像效果-王先生笔记](https://wxsnote.cn/wp-content/uploads/2025/03/20250326210414372-image.png)
![图片[2]-子比主题H1-H6标题美化为自定义图像效果-王先生笔记](https://wxsnote.cn/wp-content/uploads/2025/03/20250326210430940-image.png)
由于子比左竖线是全局生效,所以也会影响到相同的地方,例如小工具内的标题以及评论区、相关推荐等区块标题
![图片[3]-子比主题H1-H6标题美化为自定义图像效果-王先生笔记](https://wxsnote.cn/wp-content/uploads/2025/03/20250326210545431-image.png)
代码
图标资源站(不可商用):https://www.iconfont.cn/
文章源:知新网(已停服)
温馨提示:
本文最后更新于
登录后可快速点此处反馈,点击登录
2025-03-31 00:28:41,某些文章具有时效性,若有错误或已失效,请在下方留言或加入QQ群:
399019539 联系群主反馈。注意一些链接无法访问可能是你网络的原因,如Github,并非资源地址失效。
登录后可快速点此处反馈,点击登录
© 版权声明
THE END













请登录后查看评论内容