选择鼠标指针浮动在其上的元素，并设置其样式：对于HTML 部分：可以使用任何的 HTML 元素来打开下拉菜单，如：, 或 a
鼠标移到元素上改变样式：
鼠标移到元素上显示出二级下拉菜单：
首先在每个li里面放一个ul或div也行；然后将这个ul或div设隐藏或者高度为0(随你喜欢看要什么效果)；想要有动画过渡效果的话加个transition:all 0.5s;最后关键的是hover写法：
2、打开以后看到的代码
如果没有找到这个标识说明这是用sdk高级模版装修的，所以就没有代码了。
找到这几个标识，这里就是我们要找的css文件。下面的就是我们要找的CSS文件。跟着我们将它用浏览器打开，或者下载个notepad程序，双击打开就可以看到相应的代码。
3、打开文件，点击“替换”
4、然后复制下面这段代码#page#content.tshop-pbsm-shop-nav-ch粘贴进查找内容框里，替换为后面的框不要填写，直接点击'全部替换'按钮。那么，这样的css代码就可以为我们所用了。
5、最后，我们把css代码做好后，粘贴到自己的店铺里，却发现分类是没有底色的。解决方法不难，我们只需要设置一下页头背景就可以了。
2、然后打开index.html文件，输入以下代码。
4、第二种方法就是就是将div设置为display:table;将ul设置成display:table-cell;即可。
5、第三种方法就是使用display:inline-flex，css代码如图所示。
6、这种方法的html是套用一个div即可 如图所示。
7、然后将下图中的css代码写入CSS文件中即可。
2、然后打开index.html文件，输入以下代码。
4、第二种方法就是就是将div设置为display:table;将ul设置成display:table-cell;即可。
5、第三种方法就是使用display:inline-flex，css代码如图所示。
6、这种方法的html是套用一个div即可 如图所示。
7、然后将下图中的css代码写入CSS文件中即可。
8、以上的四种方法的运行后，都可以将菜单水平居中。
如果要用html加上css来制作导航条的话，难度不大，代码也不多。要是用于学习的话建议自己用原生代码实现。要是用于生产环境或项目上的话，建议采用bootstrap等前端框架，直接套用他们的导航栏代码即可，样式不仅好看代码也易读，后期想要修改一下也容易！