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网站

1 个答案: