reddit如何删除当前标签底部的边框?

时间:2012-09-16 20:39:02

标签: html css

这是截图。这可能是微不足道的,但我很难过。

Here's a screenshot

5 个答案:

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

选中此http://jsfiddle.net/Tj3LH/

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

Here's a link

长话短说:border-bottom:1px solid white;margin-bottom:-1px;可以解决问题。

答案 4 :(得分:0)

这只是标签导航。

smashing mangzine

An Example

Another Example

Tabs Generator

如果您想将它用于您的网站,则需要对其进行自定义,并且任何答案都不完整,直到我们看到您的html / css。