网站底部链接美化

china0396

1. <div class="github-badge">
   
2.         <!--<span class="badge-subject">申请</span>-->
   
3.          <a style="color:#fff" href="网址" target="_blank">
   
4.             <span class="badge-value bg-red">友情链接</span></a>
   
5.     </div>
   
6.     <div class="github-badge">
   
7.          <a style="color:#fff" href="网址" target="_blank">
   
8.             <span class="badge-value bg-green">站点地图</span></a>
   
9.     </div>
   
10.     <div class="github-badge">
    
11.          <a style="color:#fff" href="网址" target="_blank">
    
12.             <span class="badge-value bg-orange">免责申明</span></a>
    
13.     </div>
    
14.     <div class="github-badge">
    
15.          <a style="color:#fff" href="网址">
    
16.             <span class="badge-value bg-blue">合作联系</span>
    
17.         </a>
    
18.     </div>
    
19.     <style type="text/css">
    
20.     /*CSS 代码网站底部按钮美化 soujz.com*/
    
21.     /*底部页脚*/
    
22.     .github-badge {
    
23.       display: inline-block;
    
24.       border-radius: 4px;
    
25.       text-shadow: none;
    
26.       font-size: 12px;
    
27.       color: #fff;
    
28.       /*line-height: 15px;*/
    
29.       background-color: #abbac3;
    
30.       margin-bottom: 5px;
    
31.     }
    
32.     .github-badge .badge-subject {
    
33.       display: inline-block;
    
34.       background-color: #f6b044;
    
35.       padding: 4px 4px 4px 6px;
    
36.       border-top-left-radius: 4px;
    
37.       border-bottom-left-radius: 4px;
    
38.     }
    
39.     .github-badge .badge-value {
    
40.       display: inline-block;
    
41.       padding: 4px 6px 4px 4px;
    
42.       border-top-right-radius: 4px;
    
43.       border-bottom-right-radius: 4px;
    
44.     }
    
45.     .github-badge .bg-blue {
    
46.       background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
    
47.     }
    
48.     .github-badge .bg-orange {
    
49.       background-color: #05b1a4;
    
50.     }
    
51.     .github-badge .bg-red {
    
52.       background-color: #f55066;
    
53.     }
    
54.     .github-badge .bg-green {
    
55.       background-color: #e76dcb;
    
56.     }

复制代码