如何在菜单前添加虚线
如何在菜单前添加虚线
提问于 2012-01-26 03:23:10
我在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放在哪里，这样它才能显示在菜单前面呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-01-26 03:31:18
你的菜单是垂直的，你的线条是水平的，但是你希望你的线条和你的菜单一样长？
你确定不想要垂直线吗？只需将CSS类的目标ID从horizontal_dotted_line更改为menus，并将顶部边框更改为左侧边框。(如果这是一个.NET控件，让它指向一个类而不是一个ID，因为.NET Id会不同)
#menus {
border-left: 1px dotted #f00;
color: black;
background-color: #fff;
height: 1px;
width:50%;
}Stack Overflow用户
发布于 2012-01-26 03:58:33
试试这个：
<div id="left">
<div id="vertical-dotted-line">
<div id="menus" runat="server">使用css：
#vertical-dotted-line{
border-left: 1px dotted #f00;
overflow: hidden;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9008898
复制相关文章
相似问题
腾讯云开发者
