我怎麼能在菜單

前加虛線我有以下在asp.net菜單：我怎麼能在菜單

<div id="left"> 
    <div id="menus" runat="server"> 
     <div id="left_menu"> 
      <div class="abc"> 
      </div> 
      <div id="os"> 
      </div> 
      <div class="btm"> 
      </div> 
     </div> 
     <div id="left_menu"> 
      <div class="cde"> 
      </div> 
      <div id="l"> 
      </div> 
      <div class="G"> 
      </div> 
     </div> 
    </div>

我想添加點線在菜單的前面，因此線應儘可能長的菜單。我在網上搜索，在這裏找不到我將如何添加在菜單前面的虛線。我有虛線這裏的CSS：

#horizontal_dotted_line 
{ 
    border-top: 1px dotted #f00; 
    color: black; 
    background-color: #fff; 
    height: 1px; 
    width:50%; 
}

但在那裏我應該把這個div標籤horizontal_dotted_line ，這樣它顯示在菜單的前面？

來源

2012-01-25 NoviceMe

我要走出一條腿，說你可能想使用類選擇器'。'而不是ID選擇器'＃'。 – animuson

你有沒有得到你想要的例子或圖像？我目前不明白這個問題。謝謝 – SpaceBeers

你的菜單是垂直的，你的線條是水平的，但是你希望你的線條和菜單一樣長？

你確定你不想要垂直線嗎？只需將CSS類的目標ID從horizontal_dotted_line更改爲menus，並從邊界頂部更改爲左邊界。（如果這是一個.NET控制，有它靶向類，而不是一個ID，因爲.NET標識將是不同的）

#menus { 
    border-left: 1px dotted #f00; 
    color: black; 
    background-color: #fff; 
    height: 1px; 
    width:50%; 
}

來源

2012-01-25 19:31:18 Brandon

是的，我想在菜單前的垂直虛線。我確實在#menu標籤下放置了css，但是該行在菜單頂部？ – NoviceMe

@NoviceMe，你是否像前面提到的那樣將'border-top'改爲'border-left'？ – Brandon

是的，我做到了。它正在絞盡腦汁。它顯示兩個菜單（left_menu 1和2）之間的差距。但在他們面前沒有線路？ – NoviceMe

嘗試這種情況：

<div id="left"> 
    <div id="vertical-dotted-line"> 
     <div id="menus" runat="server">

用CSS：

#vertical-dotted-line{ 
    border-left: 1px dotted #f00; 
    overflow: hidden; 
}

來源

2012-01-25 19:58:32 ajbeaven

我怎麼能在菜單

回答

相關問題