修改这些 CSS 选项卡？

Question

我非常喜欢这些 CSS 标签：

https://codepen.io/ekscentrysytet/pen/QbNdEB

但是，我现在设置了一个非常简单的选项卡。我单击一个选项卡，它会将我带到另一个页面。示例代码：

<div class="top">
   <ul id="tabnav">
      <li class="tab1"><a href="Inventory.aspx">Search</a></li>
      <li class="tab2"><a>Description</a></li>
      <li class="tab3"><asp:LinkButton ID="lnkAcqusitionValue" runat="server" CausesValidation="False" OnClick="lnkAcqusitionValue_Click">Acquisition/Value</asp:LinkButton></li>
      <li class="tab9"><asp:LinkButton ID="lnkAudit" runat="server" CausesValidation="False" OnClick="lnkAudit_Click">Audit Info</asp:LinkButton></li>
   </ul>
</div>

我通过使用 HTML 页面的正文选项卡来确定我在哪个选项卡上，如下所示：

<body class="background" id="tab2" onload="document.Form1.txtAssetDescription.focus()">

如果这不是一项艰巨的任务，有人可以告诉我如何获得我链接的选项卡的外观，但可能使用像我目前正在使用的简单设置吗？

Answer 1

我选择了其他选项卡。感谢-1 回答我的问题！

修改这些 CSS 选项卡？

Modify these CSS tabs?

html

css

tabs