分享一个好看的网站底部美化代码

因为备案问题腾讯云说看不清我就取消了吧代码放在这里做过笔记记录一下以后可能还用得到

效果图

代码如下：

css代码

/*底部页脚css*/
.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: #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-green {
  background-color: #3bca6e
}

html代码

<div class="github-badge">
  <span class="badge-subject">Copyright </span>
  <a href="/" target="_blank">
    <span class="badge-value bg-orange">黎洛综合门户平台</span></a>
</div>

<div class="github-badge">
  <span class="badge-subject">鲁公网安备</span>
  <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37132302000294" target="_blank">
    <span class="badge-value bg-blue">37132302000294号</span></a>
</div> 


<div class="github-badge">
  <span class="badge-subject">鲁ICP备</span>
  <a href="http://beian.miit.gov.cn/" target="_blank">
    <span class="badge-value bg-green">2023002134号-1</span></a>
</div>


<div class="github-badge">
  <span class="badge-subject">网站运行</span>
  <a href="/" target="_blank">
    <span class="badge-value bg-blue"><SPAN id=span_dt_dt style="color: #b5c4c3;"></SPAN> <SCRIPT language=javascript>function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("1/1/2018 23:32:13");
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML='<font style=color:#00ffff>'+daysold+'</font> 天 <font style=color:#00ffff>'+hrsold+'</font> 时 <font style=color:#00ffff>'+minsold+'</font> 分 <font style=color:#00ffff>'+seconds+'</font> 秒';
}
show_date_time();</script></span></a>
</div>