我们用html来简单实现一下类似这样的菜单。（需要有css基础，类选择器等知识的运用）
如果我们要有这样的一个菜单，就要有一片独立区域来存放这些标签。那么我们用div标签申请独立区域，可以看到这个菜单很多内容都是相同的位置存放，我们可以选择ul+li标签，又因为这些标签都可以触发超链接，所以里面还要有a标签。
打完这些代码就可以看到：
，我们的网页成了这个样子，很明显我们需要横着来存放，这个时候使用
， 使ul变成弹性盒子模型，。可以看到
我们的标签横过来了。这个小·很不好看，我们使用
，可以看到已经去除了·，
，这个可以不使用类选择器是因为这些ul我们都不想让它有这个点，所以我们可以统一去除。
我们不想让这东西占满横向整个网站，我们可以
（加背景颜色是为了看效果），再看一下效果
居中加上
,这里margin 0 auto(水平居中原理：如果margin只设置了两个值，那么第一个是top和bottom，第二个是left和right，如果上下距离为0，然后左右值是相同并且自动的话，那肯定就是居中喽)
可以看到已经居中，接下来要将他们分开相同的距离，使用
，可以看到
下面可以对a标签下手了，我们将
，看看效果
太丑了，咱们让它有边距：
，看看效果
为什么只有下面有边距而上面没有呢？这是因为a标签是内联级元素，撑不起整个元素，怎么解决呢？
，咱们让a标签变成块级元素，看看效果：
这样就好了。给这个div标签设置颜色，把自己弄得测试的颜色去掉：
把a标签变成白色，这个地方要注意，必须去找a标签改动
，才会有这样的效果，不能去找li。因为本身a标签就有颜色，咱们并没有设置但是能看到它，就像孩子本身有思想，找它爹当然不管事了。
可以看到下面这些横线很烦！！！我们使用
，这个a标签可以拿出来，如果你想要所有的a标签都没有这个下划线。
那么还可以加一些特殊的效果
，hover是悬停，当鼠标放到a标签上的时候，背景颜色变为白色
，哎呀，把字弄没了，没关系，咱们设置字体的颜色：
，看看效果：
，那么这样咱们的菜单模型就简单的做好了！！！
欢迎留言一起交流gogogogogo!!!