常见⽹站底部友情链接代码⽰例公司的官⽹底部⼤多都有友情链接，⼀下代码为简单底部布局，仅供初学者参考。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>底部友情链接</title>
<style type="text/css">
/*通⽤开始*/
* {
margin: 0;
padding: 0;
font-family: '微软雅⿊', Arial, Helvetica, sans-serif;
}
a {
text-decoration: none;
}
img {
border: none;
}
li {
list-style: none;
}
body {
font-size: 12px;
}
div {
font-size: 12px;
}
span {
font-size: 12px;
}
/*通⽤结束*/
.footer {
background: #2b2e33;
}
.footer .alt {
overflow: hidden;
padding: 20px 0;
width: 1160px;
margin: auto;
}
.footer .alt .foot {
width: 138px;
float: left;
}
.footer .alt .foot p {
color: #FFF;
line-height: 28px;
}
}
.footer .alt .foot a {
color: #999;
display: block;
line-height: 24px;
}
.
footer .alt .foot a:hover {
color: #CCC;
}
.footer .alt .foot img {
padding-top: 20px;
}
</style>
</head>
<body>
<div class="footer">
<div class="alt">
<div class="foot">
<p>关于我们</p>
<a href="###">企业简介</a>
<a href="###">企业⽂化</a>
<a href="###">组织机构</a>
<a href="###">发展历程</a>
<a href="###">企业荣誉</a>
<a href="###">诚聘英才</a>
<a href="###"></a>
</div>
<div class="foot">
<p>新闻中⼼</p>
<a href="###">公司新闻</a>
<a href="###">⾏业新闻</a>
</div>
<div class="foot">
<p>产品及解决⽅案</p>
<a href="###">产品系列</a>
<a href="###">解决⽅案</a>
</div>
<div class="foot">
<p>研发与创新</p>
<a href="###">核⼼技术</a>
网站底部代码js特效<a href="###">技术创新</a>
</div>
<div class="foot">
<p>经典案例</p>
<a href="###">智慧城市</a>
<a href="###">智慧⾼速</a>
<a href="###">智慧家居</a>
<a href="###">智慧⽹络</a>
</div>
<div class="foot">
<p>服务⽀持</p>
<a href="###">技术⽀持</a>
<a href="###">服务⽹络</a>
<a href="###">资料下载</a>
<a href="###">公司理念</a>
</div>
<div class="foot">
<p>关注我们</p>
<img src="placehold.it/82x82" />    </div>
</div>
<div >
<p class="alt" >@ 版权所有：郑州⿁⾕青龙实业有限公司    <span>技术⽀持：</span>
<a href="###" target="_blank" >河南⿁⾕⼦科技公司</a>
<span >地市：郑州市轩辕区摩天⼤厦⼤厦99楼</span>
</p>
</div>
</div>
</body>
</html>
效果图如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。