菜单栏边框使用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=照片%2cpng

Answer 1

我使用了css3菜单软件。它工作得很好而且免费！我们也可以添加菜单图标。只需将生成的代码+css文件复制粘贴到根文件夹中即可。这是链接