底部HTML css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/dibu.css"/>
</head>
<body>
<img class="zp" src="img/footer_v180123.png" >
<div class="footer">
<div class="kuai">
<div class="guanyu">
<a href="">关于我们</a>
<a href="">人才招聘</a>
<a href="">联系我们</a>
<a href="">友情链接</a>
<a href="">版权声明</a>
<a href="">客服中心</a>
</div>
</div>
<div class="right">
<div class="text">
<img class="wen" src="img/culture.png" >
<span>Copyright@2009 - 2016 yinyuetai.com广播电视节目制作经营许可证编号(京)字第1891号</span>
<span>京网文[2014]2037-287号</span>
<span class="g">网络视听许可证0110413号</span>
</div>
<div class="text">
<span>京公网安备11010502014900号</span>
<span>京ICP备11024134号-1</span>
<span>京ICP证060716号</span>
<span>出版物经营许可证新出发京零字第朝130062号</span>
<span>增值电信业务经营许可证B2-20140501</span>
</div>
<div class="sp">
<span>食品经营许可s证:JY11105040485363</span>
<span>营业执照</span>
</div>
</div>
<div class="left">
<img src="img/biaoshi.gif" >
</div>
</div>
</body>
</html>
body{
margin: 0;
background-color:white;
}
.footer{
margin: 0;
background: #000000;
}
.zp{
width: 1000px;
margin: auto;
display:block;
}
.footer .kuai{
width: 1000px;
margin: 0 auto;
}
.footer .kuai .guanyu{
width: 400px;
margin: 0 auto;
}
.footer a{
margin-top: 30px;
margin-bottom: 20px;
text-decoration: none;
color:#666;
display: inline-block;
border-right: 1px dotted #999999;
padding-right: 10px;
font-size: 12px;
}
.footer a:last-child{
border: none;
}
.footer .wen{
width: 25px;
height: 25px;
vertical-align: middle;
}
.footer .text img{
vertical-align: middle;
}
.footer .text{
text-align: right;
position: relative;
width: 1270px;
}
.footer .text span{
color: #999999;
border-right:1px solid #999 ;
padding-right: 5px;
font-size: 12px;
}
.footer .sp{
width: 1600px;
text-align: center;
}
.footer .sp span{
color: #999999;
border-right:1px solid #999 ;
font-size: 12px;
display: inline-block;
padding-right: 5px;
margin-bottom: 30px;
}
.footer .text .g{
color: aquamarine;
border: none;
}
.left img{
position: absolute;
display: block;
margin-left: 1270px;
margin-top: -95px;
}
.footer .text span:last-child{
border: none;
}
.footer .sp span:last-child{
border: none;
}
