今天给大家分享一个肥肠好看的网站底部页脚功能按钮美化代码。可用于增加页脚功能超链接按钮，让用户能够看到自身网站的内部页面展示功能，小编也是在别处扒下来的，简单容易实现。

载图预览

教程介绍

由于考虑到小白站长不懂怎么衔接css样式文件，本次教程为本地化样式不做衔接处理。老站长有强迫症的可以自行衔接css文件做页面美观！

教程开始

1、首先把以下主要代码连同css样式直接复制到你要展示的地方，一般放在页脚最合适，如有想法可放在其他地方也是没有问题的，网站的页脚文件一般是以此“footer.php”命名，找到合适的位置粘贴即可。

2、代码中的超链接地址以及名称可自行修改。改成自己想要跳转的页面即可。

3、样式颜色以及按钮有想法的可以自行DIV，不懂修改的就不要动了。以免样式不不显示！

主要代码

HTML代码

<div class="github-badge">
   <span class="badge-subject bg-blue">
       <a style="color:#fff" href="链接地址" target="_blank">友链申请</a></span> - 

<span class="badge-subject bg-brightgreen">
   <a style="color:#fff" href="链接地址" target="_blank">免责声明</a></span> - 

<span class="badge-subject bg-orange">
<a style="color:#fff" href="链接地址" target="_blank">网站地图</a></span> - 

<span class="badge-value bg-blueviolet">
<a style="color:#fff" href="链接地址" target="_blank">sitemap</a></span> - 

<span class="badge-value bg-red">
<a style="color:#fff" href="链接地址" target="_blank">用户协议</a></span> -
                        </div>

CSS代码(和以上代码放在同一个文件)