目录

前言

一、底部导航栏示例图

二、HTML框架

1.一号盒子

2.二号盒子

总结

​​​​​​

        在日常的网上冲浪中，我们常常在网页最底部，看到一大堆链接，非常整齐，一目了然，那么是如何实现的呢？......

提示：以下是本篇文章正文内容，下面案例可供参考

 图1-底部导航栏

        由图1可知，该部分由两个个盒子划分，我们先搭建一号盒子的框架，这里我们用， 标签定义一个描述列表。 标签与  （定义项目/名字）和  （描述每一个项目/名字）一起使用。

接着对该列表css样式宽高，内外边距，浮动进行一些设置。这里因为重复操作较多，所以描述第一个列表即可。应注意多个dl之间设置浮动用以成行显示。

        这里的做法很简单，使用div把所有的a标签包裹住，设置浮动，边距，行高来调整位置。 

图2-部分展示代码

底部导航栏实现起来比较简单，新手可以试一试。