网站底部友情链接美化按钮

既然网站装修那就装修全面一点，例如网站底部的友情链接按钮等也不要放过，你一定也不希望你的网站这么单调吧？

代码如下：

<div class="github-badge" style="display: inline-block;">
  <a style="color:#fff" href="https://www.rnmcnm.com/links.html" target="_blank">
    <span class="badge-value bg-red">友情链接</span></ a>
</div>
<div class="github-badge" style="display: inline-block;">
  <a style="color:#fff" href="https://www.rnmcnm.com/sitemap.xml" target="_blank">
    <span class="badge-value bg-green">站点地图</span></ a>
</div>
<div class="github-badge" style="display: inline-block;">
  <a style="color:#fff" href="mailto:rnmcnmnmsl@qq.com">
    <span class="badge-value bg-blue">合作联系</span>
  </ a>
</div>

演示如下：

使用教程：将代码放置html的</body>上方