HTML菜单栏实现双层文字效果怎么实现？具体看提问内容。

图片说明

这种效果 如果实现 实现的方法有几种？

hover或者点击时改变样式，hover时用伪类就行，点击改变的话给点击的部分加改变样式的class

没意外那个导航应该是个li列表吧 然后 li 的子元素是 a标签。你只需要把a标签给个hover属性。
代码如下
a.class：hover｛background：rgba (0,0,0,1); color:white;｝把rgba的值改为你需要的背景色的值，color的值设置为你需要的字体颜色的值就可以了。
hover属性引用好多的哦。建议多看下，w3c上对hover的介绍

我想实现的效果是 首页和Home 以及各个菜单项中文文字和英文文字 位置是怎么实现的。 怎么能上下放置，就是位置问题文字出现的位置问题，您知道怎么解决吗

使用flex布局可以轻松解决。

####html

    <div class="box">
      <span>首页</span><span>HOME</span>
  </div>

####css

                .box{
            width: 100px;
            height: 60px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: green;
            color: #fff;
        }

####效果
图片说明