选项卡面板的 CSS

Question

我想要像 this picture 这样的选项卡面板

我想在 ASP.NET 选项卡面板上实现相同的功能。但是，如果我获得 CSS，我会让它与 ASP.NET 选项卡兼容。

任何人都可以指导我如何做到这一点，或教程引用。因为我不知道这个标签面板的 CSS 叫什么。

Answer 1

不确定我是否完全理解您想要什么(我不知道 ASP)。

但据我了解，您可以使用 jQuery UI tabs并自定义其 CSS。

例子:

HTML

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>
    <div id="tabs-1">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus.</p>
    </div>
    <div id="tabs-2">
        <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc.</p>
    </div>
    <div id="tabs-3">
        <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti.</p>
    </div>
</div>

jQuery:

$(function() {
    $( "#tabs" ).tabs();
});