一个标准的网页底部导航的CSS布局代码


一个标准的网页底部导航的CSS布局代码，这也是从事网页设计最常用的布局，几乎每一个网页都要有询问版权说明。这一部分的布局是基于CSS的，代码简单易懂，对学习CSS的朋友或许有用处。

答案：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>底部导航</title>
<style type="text/css">
.bottom{clear:both;margin:10px auto;text-align:center;padding:10px 0;line-height:25px;color:#666;border-top:#ddd 1px solid;}
.bottom a{margin:0 7px;color:#666;}
.bottom a:hover{color:#000;text-decoration:underline;}
</style>
</head>
<body>
<div class="bottom">
	<a href="#" rel="nofollow">关于我们</a>|<a href="#" rel="nofollow">广告服务</a>|<a href="#" rel="nofollow">联系我们</a>|<a href="#" rel="nofollow">法律声明</a>|<a href="#" rel="nofollow">网站地图</a>|<a target="_blank" href="#">版权声明</a>|<a href="#" rel="nofollow">帮助中心</a><br />
    版权所有　&copy; 2005-2020　豫ICP备25555555号
</div>
</body>
</html>

上一个：CSS固定浮动元素,滚动时无闪烁
下一个：CSS让一个层位于iframe、flash之上显示

更多图片编程知识: