2015-03-31 36 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