子比主题美化 – 文章卡片三个点美化+代码区块圆点美化

2025-01-10 0 146

当我们看是用子比主题是,我都会希望(子比主题美化)他能变得好看,就是花里胡哨的,所以我就去了子比主题官网的美化社区看了看,发现了这个美化。下面是在别人的网站的截图,我自己是没有用文章的美化,代码美化你看下面的代码就知道了。

css代码 文章样式
.posts-item.card::before { content: “”; display: block; background: #fc625d; top: 9px; left: 15px; border-radius: 50%; width: 9px; height: 9px; box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b; margin: 0px 2px -7px; z-index: 1000; position: absolute; } .posts-item.card { padding: 26px 10px 10px 10px; /*注意.posts-item.card没有定位属性 需要把这个注释去掉 position: relative; /* 添加定位属性 */ }

代码样式
.enlighter::before { content: “”; display: block; background: #fc625d; top: 9px; left: 15px; border-radius: 50%; width: 15px; height: 15px; box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b; margin: 0px 2px -7px; z-index: 1; position: absolute; } .enlighter-overflow-scroll.enlighter-v-standard .enlighter { padding: 35px 0 12px 0; }

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

本站所有资源来源于网络,仅限用于学习研究;无任何技术支持!不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除内容。如果您喜欢,请支持正版。如有侵权请邮件与我们联系处理。

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务