子比主题美化 – 文章列表卡片3个小圆圈样式美化+代码区块添加圆点美化|极客创益资源网

有疑问？点我联系站长吧！

------正文内容展示，开始阅读新文章------

效果图

序言

起初是优知新站长发现腾飞博客的卡片上方有三个点，希望找人扒一下，我也去腾飞博客看过了，我发现他是在卡片代码内插入html代码配合css实现的，我一看，我好像给7b2主题写过编辑器增加这三个点的代码，完全可以使用before来实现这个效果，于是就有了上述截图的效果。

css代码

此处内容已隐藏，请付费后查看

如果觉得和图片的间隔距离不够，可以将padding: 26px 10px 10px 10px; 修改成padding: 35px 10px 10px 10px;

代码区块美化

此处内容已隐藏，请付费后查看

注意

原创来自初一，也是他给我提供的代码，

温馨提示：本文最后更新于2024-03-04 17:56:41，某些资源具有时效性，若有错误或已失效，请在评论区留言或站内私信站长！

------本页内容已结束------

参与创作者激励计划享分成 ！【分成介绍】
文章资源成功收录 可获 5  -  10元/篇奖励。

版权声明本站名称：极客创益资源网
本站网址：https://geeke.jikeboss.cn
1 本站资源均来源于用户上传和网络收集，如有侵权请联系站长！
2 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
5 本站提供的源码、插件、教程、软件等，均不包含技术服务，请知悉！
6 精力有限，本站资源未能逐一测试，不能分辨部分源码、软件是病毒还是误报，所以没有进行任何修改，使用前请仔细甄别！

三月 4