CSS HTML：水平标签

Question

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

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

感谢任何建议。

问候。

Answer 1

jsFiddle demo

加入：

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

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

active HTML元素的课程a：

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

Answer 2

尝试使用http://jqueryui.com/demos/tabs/并重新整理它，以免费获取您获得的课程。