请登录后探索更多精彩内容!
可以用于页脚包裹备案号等信息。
.github-badge{ display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; line-height: 15px; background-color: #abbac3; } .github-badge>a{ color: white; } .github-badge .badge-subject { display: inline-block; background-color: #4d4d4d; 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-blue { background-color: #007ec6 } /*橙色*/ .github-badge .bg-orange { background-color: #ffa500 } /*红色*/ .github-badge .bg-red { background-color: #f00 } /*绿色*/ .github-badge .bg-green { background-color: #3bca6e } /*紫色*/ .github-badge .bg-purple { background-color: #ab34e9 }
<div class="github-badge"> <a href="#" target="_blank"> <span class="badge-subject">头部内容</span><span class="badge-value bg-blue">主题内容</span> </a> </div>
?
是网页底部的吧,看运用的站点还挺多的
支持
请先登录后发表评论!