使用 asp.net 网站的菜单栏边框

Question

我正在尝试在每个菜单名称之间添加一个带有边框和分隔符的菜单栏，菜单栏应该像横幅一样位于中间，但我发现很难做到这一点，请帮助我。这是我的代码，我试图在没有 CSS 的情况下实现它。谢谢

  <div id="header">
    <asp:Menu ID="Menu1" runat="server" Height="25px" Orientation="Horizontal" 
        style="margin-top: 21px" Width="833px" BorderStyle="Double" BorderWidth="5px" BorderColor="Black">
        <Items>
            <asp:MenuItem Text="HOME" Value="HOME"></asp:MenuItem>
            <asp:MenuItem Text="SERVICES" Value="SERVICES">
            <asp:MenuItem Text="SERVICES1" Value="SERVICES1"></asp:MenuItem>
            <asp:MenuItem Text="SERVICES2" Value="SERVICES2"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="CONTACT US" Value="CONTACT US"></asp:MenuItem>
            <asp:MenuItem Text="ABOUT US" Value="ABOUT US"></asp:MenuItem>
            <asp:MenuItem Text="LOGOUT" Value="LOGOUT" NavigateUrl="~/login.aspx"></asp:MenuItem>
        </Items>

    </asp:Menu>   
</div>

这是我的输出屏幕 https://onedrive.live.com/redir?resid=8968FBBEC294BC6F!128&authkey=!AOraVApo5DcsFtY&v=3&ithint=photo%2cpng

Answer 1

我使用了css3菜单软件。它很好用而且免费！我们也可以添加菜单图标。只需将生成的代码 + css 文件复制粘贴到根文件夹即可。 here is the link

使用 asp.net 网站的菜单栏边框

menu bar border using asp.net website

asp.net

menubar