2015-03-31 37 views
0

我试图在每个菜单名称之间添加一个带有边框和分隔符的菜单栏,菜单栏应该像横幅一样在中间,但是我发现它很困难帮帮我。 这是我的代码,我试图在没有CSS的情况下实现它。 感谢使用asp.net网站的菜单栏边框

<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

+0

使用asp:Menu添加分隔符的唯一方法是添加新的菜单项,将其可选属性设置为false并在SeparatorImageUrl属性中设置分隔符图像。这是我喜欢CSS菜单的原因之一。 – Kami 2015-03-31 12:04:09

回答

1

我用CSS3菜单的软件。它工作得很好,免费!我们也可以添加菜单图标。 只需将生成的代码+ css文件复制粘贴到根文件夹即可。 here is the link