设计footer区域
#footer{
height: 20px;
background-color: gray;
}
#footer ul{
float: left;
margin-bottom: 10px;
}
#footer li{
float: left;
width: 200px;
}
#footer a{
display: block;
width: 100px;
}
#footer a:hover{
color: black;
background: url(navback.jpg);
}
#band{
clear: left;
}
index.html中footer部分:
<div id="footer" >
<ul>
<li><a href="#">在线咨询</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">广告合作</a></li>
<li><a href="#">相关信息</a></li>
</ul>
<div id="band">
©youngpao
</div>
</div>
效果:
最终页面 http://htmlpreview.github.io/?https://github.com/youngpao/excise-a-web/blob/master/index.html
近期评论