这是截图。这可能是微不足道的,但我很难过。
答案 0 :(得分:3)
我的一个建议是,首先使用浏览器开发工具&有很多教程都与这种功能有关。
我为你创造了一个例子可能对你有帮助。写得像这样:
ul{
border-bottom:1px solid red;
}
ul:after{
content:'';
clear:both;
display:block;
}
li{
float:left;
height:50px;
line-height:50px;
padding:0 10px;
border:1px solid red;
margin-bottom:-1px;
}
li.active{
border-bottom:1px solid #fff;
}
答案 1 :(得分:2)
实际上,没有没有边框 - 它只是你看不到的一个......
您是否拥有集成了开发人员工具的浏览器? ;-)例如,如果您右键单击元素,Safari或Chrome在上下文菜单中有这个很酷的功能“Inspect element” - 瞧:这是解决方案!
答案 2 :(得分:2)
您可以通过CSS等
轻松完成此操作.tabmenu li.selected a { // this the tab menu item replace it with your tab menu item name
color: orangeRed;
background-color: white;
border: 1px solid #5F99CF;// this is the color of box you need to specify
border-bottom: 1px solid white; // this the color of bottom border, in reddit case it is white , you can replace it with what color you have in your website has to look like it is hidden
z-index: 100;
}
希望这有助于你
答案 3 :(得分:2)
这个怎么样:
<div style="border-bottom:1px solid black;">
<div style="float:left;">Tab 1</div>
<div style="float:left;border:1px solid black;border-bottom:1px solid white;margin-bottom: -1px;">Tab 1</div>
<div style="float:left;">Tab 1</div>
<br style="clear:both" />
</div>
长话短说:border-bottom:1px solid white;margin-bottom:-1px;
可以解决问题。
答案 4 :(得分:0)
这只是标签导航。
如果您想将它用于您的网站,则需要对其进行自定义,并且任何答案都不完整,直到我们看到您的html / css。