![图片[1]-个性化美化方案升级,子比主题多彩配色等你解锁网站底部美化-派克资源](https://www.pknn.net/wp-content/uploads/2024/08/image-42.png)
在子比这个充满创意与灵感的社区里,我再次淘到了宝藏——一款令人爱不释手的美化方案!这次的发现,无论是从视觉冲击力还是细节处理上,都较之前分享的更胜一筹,相信定能俘获你的心。
这款美化方案不仅保留了原有设计的精髓,还预留了广阔的个性化空间。你可以根据自己的喜好,对具体内容进行微调,让每一处细节都彰显你的独特品味。更棒的是,它还支持增加多种配色方案,无论是清新淡雅还是浓烈鲜明,都能轻松驾驭,让你的页面焕然一新。
如果你觉得这款美化方案不错,不妨在评论区留下你的足迹,轻轻一点,不仅不会“掉一层皮”,还能收获这份美丽与惊喜。同时,也期待你能分享自己的定制成果,让我们一起见证更多个性化的美好!
![图片[2]-个性化美化方案升级,子比主题多彩配色等你解锁网站底部美化-派克资源](https://www.pknn.net/wp-content/uploads/2024/08/QQ20240824-222206.webp)
CSS代码
/*CSS 代码网站底部按钮美化*/ .github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; line-height: 15px; background-color: #abbac3; margin-bottom: 5px } .github-badge .badge-subject { display: inline-block; background-color: #ffa500; padding: 4px 4px 4px 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .github-badge .badge-value { display: inline-block; padding: 4px 6px 4px 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .github-badge .bg-fen { background-color: #e76dcb } .github-badge .bg-red { background-color: #f55066 } .github-badge .bg-green { background-color: #3bca6e } .github-badge .bg-cai { background-image: -webkit-linear-gradient( 0deg, #3ca5f6 0%, #a86af9 100%); /*CSS 代码网站底部按钮美化结束*/
HTML代码
<div class="github-badge"><span class="badge-subject">申请</span><a style="color:#fff" href="/friends" rel="external nofollow" target="_blank"><span class="badge-value bg-cai">友情链接</span></a></div><div class="github-badge"><span class="badge-subject">查看</span><a style="color:#fff" href="/links" rel="external nofollow" target="_blank"><span class="badge-value bg-fen">友情赞助</span></a></div><div class="github-badge"><span class="badge-subject">查看</span><a style="color:#fff" href="/status" rel="external nofollow" target="_blank"><span class="badge-value bg-red">网站状态</span></a></div><div class="github-badge"><span class="badge-subject">查看</span><a style="color:#fff" href="/8" rel="external nofollow" target="_blank"><span class="badge-value bg-cai">关于我们</span></a></div><div class="github-badge"><span class="badge-subject">获取</span><a style="color:#fff" href="/feed" rel="external nofollow" target="_blank"><span class="badge-value bg-green">RSS订阅</span></a></div><div class="github-badge"> <span class="badge-subject">申请</span> <a style="color:#fff" href="/friends" rel="external nofollow" target="_blank"> <span class="badge-value bg-cai">友情链接</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/links" rel="external nofollow" target="_blank"> <span class="badge-value bg-fen">友情赞助</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/status" rel="external nofollow" target="_blank"> <span class="badge-value bg-red">网站状态</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/8" rel="external nofollow" target="_blank"> <span class="badge-value bg-cai">关于我们</span></a> </div> <div class="github-badge"> <span class="badge-subject">获取</span> <a style="color:#fff" href="/feed" rel="external nofollow" target="_blank"> <span class="badge-value bg-green">RSS订阅</span></a> </div><div class="github-badge"> <span class="badge-subject">申请</span> <a style="color:#fff" href="/friends" rel="external nofollow" target="_blank"> <span class="badge-value bg-cai">友情链接</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/links" rel="external nofollow" target="_blank"> <span class="badge-value bg-fen">友情赞助</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/status" rel="external nofollow" target="_blank"> <span class="badge-value bg-red">网站状态</span></a> </div> <div class="github-badge"> <span class="badge-subject">查看</span> <a style="color:#fff" href="/8" rel="external nofollow" target="_blank"> <span class="badge-value bg-cai">关于我们</span></a> </div> <div class="github-badge"> <span class="badge-subject">获取</span> <a style="color:#fff" href="/feed" rel="external nofollow" target="_blank"> <span class="badge-value bg-green">RSS订阅</span></a> </div>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END