html - CSS HTML：水平标签

Question

我有一些 HTML 和 CSS，它们主要是在做我想要实现的目标。小提琴在这里：http: //jsfiddle.net/8YX7M/。

我真正想要的是在选项卡上附加一个页面边框，以便选定的选项卡只是页面的扩展，而未选定的选项卡下面都有一条黑线，表明它们不是当前页面的扩展。另外，我想知道如何在一组选项卡下显示内容。您是使用框架之类的东西来加载选项卡选择的新内容，还是为每个可能的选项卡创建一个新页面并加载整个内容。

任何建议表示赞赏。

问候。

score 3 · Accepted Answer

添加：

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

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

active以及aHTML 元素的类：

<li><a href="#Dashboard" class="active" ><strong>Tutorialsphere</strong></a></li>

score 2 · Accepted Answer

尝试使用http://jqueryui.com/demos/tabs/并重新设置它的外观，以连接您免费获得的课程。

2 回答 2