网站底部链接美化
<div class="github-badge"><!--<span class="badge-subject">申请</span>-->
<a style="color:#fff" href="网址" target="_blank">
<span class="badge-value bg-red">友情链接</span></a>
</div>
<div class="github-badge">
<a style="color:#fff" href="网址" target="_blank">
<span class="badge-value bg-green">站点地图</span></a>
</div>
<div class="github-badge">
<a style="color:#fff" href="网址" target="_blank">
<span class="badge-value bg-orange">免责申明</span></a>
</div>
<div class="github-badge">
<a style="color:#fff" href="网址">
<span class="badge-value bg-blue">合作联系</span>
</a>
</div>
<style type="text/css">
/*CSS 代码网站底部按钮美化 soujz.com*/
/*底部页脚*/
.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: #f6b044;
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-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}
.github-badge .bg-orange {
background-color: #05b1a4;
}
.github-badge .bg-red {
background-color: #f55066;
}
.github-badge .bg-green {
background-color: #e76dcb;
}
2
<style type="text/css">
/*CSS 代码网站底部按钮美化*/
/*底部页脚*/
.github-badge {
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
color: #fff;
background-color: #abbac3;
margin-bottom: 5px;
}
.github-badge .badge-subject {
display: inline-block;
background-color: #f6b044;
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-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}
.github-badge .bg-orange {
background-color: #05b1a4;
}
.github-badge .bg-red {
background-color: #f55066;
}
.github-badge .bg-green {
background-color: #e76dcb;
}
</style>
<!--网站底部按钮美化 html 开始-->
<div class="github-badge">
<!--<span class="badge-subject">申请</span>-->
<a style="color:#fff" href="网址" target="_blank">
<span class="badge-value bg-red">友情链接</span>
</a>
</div>
<div class="github-badge">
<a style="color:#fff" href="网址">
<span class="badge-value bg-blue">博客协议</span>
</a>
</div>
<div class="github-badge">
<a style="color:#fff" href="网址" target="_blank">
<span class="badge-value bg-orange">资源维权</span>
</a>
</div>
<div class="github-badge">
<a style="color:#fff" href="网址" target="_blank">
<span class="badge-value bg-green">站点地图</span>
</a>
</div>
<div class="github-badge">
<a style="color:#fff" href="/login.php" target="_blank">
<span class="badge-value" style="background-color: #007bff;">简化文章</span>
</a>
</div>
页:
[1]