小伙伴们，动手制作一个二级菜单的显示和隐藏效果吧

tips：如遇到困难，可加乐乐（v：lelemkw）老师获取参考答案哟~

一、整体要求：

1、要求页面整洁、美观，与提供的页面效果图、结构保持一致，文字、背景的颜色不统一要求

2、要求HTML代码和CSS代码书写、命名符合规范

二、 具体要求

1、鼠标移入一级菜单时，二级菜单显示，鼠标移出一级菜单时，二级菜单隐藏

（1）元素显示使用display:block属性，隐藏使用display:none属性

2、二级菜单显示在一级菜单的右侧

（1）给一级菜单和二级菜单共同的父元素设置相对定位（position: relative）

（2）给二级菜单设置绝对定位（position: absolute），并设置左侧位移（left）的值为一级菜单的宽度，上放位移（top）的值为0

3、一级菜单的文字和二级菜单的文字水平居中显示

4、一级菜单的文字和二级菜单的文字垂直居中显示

5、一级菜单的每一项和二级菜单的每一项有下边框，边框为点线（dotted）

6、一级菜单的最后一项和二级菜单的最后一项没有下边框（可以使用li:last-child选中最后一项，并设置border:none）

7、每一个菜单项的宽度和高度不做统一要求

思路分析：

规范【4分】

1、要求页面整洁、美观，与提供的页面效果图、结构保持一致，文字、背景的颜色不统一要求

2、要求HTML代码和CSS代码书写、命名符合规范

整体【30分】

1、鼠标移入一级菜单时，二级菜单显示，鼠标移出一级菜单时，二级菜单隐藏

2、二级菜单显示在一级菜单的右侧

一级菜单【33分】

1、一级菜单的文字水平居中显示    

2、一级菜单的文字垂直居中显示    

3、一级菜单的每一项有下边框，边框为点线（dotted）    

4、一级菜单的最后一项没有下边框

二级菜单【33分】

1、二级菜单的文字水平居中显示    

2、二级菜单的文字垂直居中显示    

3、二级菜单的每一项有下边框，边框为点线（dotted）    

4、二级菜单的最后一项没有下边框