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

これはどう：

<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;に言うと、うまくいきます。

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

これがお役に立てば幸いです