html - reddit 如何去除当前标签页底部的边框？

Question

这是一个屏幕截图。这可能是微不足道的，但我很难过。

这是一个屏幕截图

score 3 · Accepted Answer

我的建议是首先使用浏览器开发工具检查事物，并且有很多教程与此类功能相关。

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

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/

score 2 · Accepted Answer

实际上，没有边界 - 它只是你看不到的一个......

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

score 2 · Accepted Answer

您可以通过 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;
}

希望这可以帮助你

score 2 · Accepted Answer

这个怎么样：

<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;成功了。