1

私はいくつかのHTMLとCSSを持っており、それらは主に私が達成しようとしていることを実行しています。フィドルはここにあります：http：//jsfiddle.net/8YX7M/。

私が本当に望んでいるのは、選択したタブが単にページの延長であり、選択されていないタブはすべて、現在のページの延長ではないことを示す黒い線が下にあるように、タブにページの境界線を付けることです。また、一連のタブの下にコンテンツを表示するにはどうすればよいのでしょうか。フレームのようなものを使用して、タブで選択された新しいコンテンツをロードしますか、それとも、可能な各タブの新しいページを作成して、すべてをロードしますか。

アドバイスをいただければ幸いです。

よろしく。

4

2 に答える 2

3

jsFiddle デモ

追加した：

.tablist li a{
    boder-bottom:1px solid #000;
}

.tablist li a.active{
    border-bottom:1px solid #fff;
    background:#fff;    
}

そして、HTML 要素activeへのクラス:a

<li><a href="#Dashboard" class="active" ><strong>Tutorialsphere</strong></a></li>
于 2012-07-01T21:20:00.133 に答える
2

http://jqueryui.com/demos/tabs/を使用して、無料で取得したクラスをフックしてスキンを変更してみてください。

于 2012-07-01T20:46:42.687 に答える