css中用hover实现二级菜单

css中用hover实现二级菜单

在我们日常生活中,通常会看到下拉菜单会有一些二级菜单,下面就为大家讲解一下如何生成二级菜单。
第一步首先进行一个页面的主要布局,我这里主要用的是ul+li进行嵌套布局,内容如下:
内容布局
第二部就要给它进行一个格式的编写,让它实现效果:
样式表
样式表
以上就是一个简单的二级菜单的制作方法,如果大家在做样式的时候感觉选择器用的比较多麻烦,可以起个class类名。下面在附上一张效果图。
效果图

猜你喜欢

转载自blog.csdn.net/weixin_43853424/article/details/84844489