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

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

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

修改前后对比

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

图片[3]-子比主题H1-H6标题美化为自定义图像效果-王先生笔记

代码

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

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

原文链接(非王先生笔记发布均为盗版):https://wxsnote.cn/5800.html

评论后可接收该文章的更新邮箱通知
友情赞助

如果你喜欢我的内容,可以赞助我哦!你的一点点心意,是我不断前进的动力!
温馨提示: 本文最后更新于2025-03-31 00:28:41,某些文章具有时效性,若有错误或已失效,请在下方留言或加入QQ群: 399019539 联系群主反馈。注意一些链接无法访问可能是你网络的原因,如Github,并非资源地址失效。
© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
相关推荐
评论 共7条

请登录后发表评论

    请登录后查看评论内容

王先生笔记