将子菜单添加到帐户图标

debugcn 发表于 Dev

维克多·特泽（Victor Terzea）

如何创建一个用户帐户，以显示我作为子菜单进行注册和在线登录？请帮助我，因为我不知道如何制作帐户图标的子菜单来注册和登录帐户。请我帮忙。

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  right: 5;
  background-color: black;
  width: 5%;
  z-index: 1;

}

<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" data-auto-a11y="true"></script>
<div class="subnav">
    <a href="#register"><i class="fas fa-user" style="font-size: 16px; color: white;"></i></a>
    <div class="subnav-content">
        <a href="#link1"><i class="fas fa-cash-register"></i></a>
        <a href="#link2"><i class="fas fa-sign-in-alt"></i></a>
    </div>
</div>

地物学

您可以添加弹性显示。我删除了width属性以避免溢出（您可以指定width）

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: flex;
  position: absolute;
  right: 5px;
  background-color: black;      
  z-index: 1;
}

<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" data-auto-a11y="true"></script>
<div class="subnav">
    <a href="#register"><i class="fas fa-user" style="font-size: 16px; color: white;"></i></a>
    <div class="subnav-content">
        <a href="#link1"><i class="fas fa-cash-register"></i></a>
        <a href="#link2"><i class="fas fa-sign-in-alt"></i></a>
    </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。