reddit如何删除当前选项卡底部的边框？

下面是截图。这可能是微不足道的，但我很难过。reddit如何删除当前选项卡底部的边框？

Here's a screenshot

2012-09-16 static_rtti

我应该补充一点，我想在我的网站上做同样的事情。一个例子是理想的。 –

这是我的一个建议，首先用浏览器开发工具检查东西&还有很多教程都与这类功能有关。

我为您创建了一个示例，可能会对您有所帮助。像这样写：

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; 
}

入住这http://jsfiddle.net/Tj3LH/

来源

2012-09-19 08:00:14 sandeep

谢谢，负利润率诀窍！ –

其实，有没有没有边界 - 它只是一个你没有看到...

你有集成开发工具浏览器？ ;-)例如，如果您右键单击某个元素，则Safari或Chrome在上下文菜单中具有“Inspect元素”这个很酷的功能 - 瞧：这里是解决方案！

来源

2012-09-16 20:48:36

谢谢！我尝试了相同的技巧，但内部元素的边框显示在元素内部，所以文本“热”有点高，但边框没有隐藏......我错过了什么？ –

他们处理.tabmenu里面的填充 - 也许这个？发布一个链接到您的工作，我可能会看到问题;-) –

我会多尝试一些并回报。 –

这只是标签导航。

如果你想使用它为您的网站，它需要定制它，任何的答案是不完整的，直到我们看到你的HTML/CSS。

来源

2012-09-18 20:54:25 Jawad

您可以轻松地像

.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; 
}

希望这有助于你

来源

2012-09-19 09:12:30 Kaushal

这样如何做到这一点的CSS：

<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>

Here's a link

长话短说：border-bottom:1px solid white;margin-bottom:-1px;有窍门。

来源

2012-09-19 09:21:36

reddit如何删除当前选项卡底部的边框？

回答

相关问题