![图片[1]-子比主题美化 – 文章卡片美化-初一小盏](https://www.oove.cn/wp-content/uploads/2024/01/28/子比主题美化-–-仿mac三色圆点.png)
序言
起初是优知新站长发现腾飞博客的卡片上方有三个点，希望找人扒一下
我也去腾飞博客看过了，我发现他是在卡片代码内插入html代码配合css实现的
我直接一个before完美实现相同效果
css代码
如果觉得和图片的间隔距离不够，可以将padding: 26px 10px 10px 10px; 修改成padding: 35px 10px 10px 10px;
不过我个人觉得还是放代码高亮里好看一点，如下图：
代码高亮版本css
© 版权声明
THE END
付费阅读
![自定义子比主题底部footer页脚美化（自适应）[08.30更新]-程序猿](https://www.oove.cn/wp-content/uploads/2023/08/753de466a7125113.png)
相关推荐
![软件推荐[Windows]Wise Care 365_PRO_v6.7.2.646_中文破解版-程序猿](https://www.oove.cn/wp-content/uploads/2024/05/20240519235257761-qz9qel-3.webp)
![wordpress网站文章或者帖子等等添加AI摘要[独家接口]-程序猿](https://www.oove.cn/wp-content/uploads/2024/05/20240516153013338-企业微信截图_17158445966431.png)
![表情[jie]-程序猿](https://www.oove.cn/wp-content/themes/zibll/img/smilies/jie.gif)
标签云
暂无评论内容