Html css来可视化可单击的元素（如选项卡）

我希望用户看到文本是可点击的。到目前为止，我已将光标更改为指针，并在

元素的文本中添加了下划线，我还尝试了文本上的不同边框和高光（基本上更改了颜色），但我无法使其看起来很好

我使用的是来自的

panel panel primary

，我知道他们也有一个Tabs组件，但由于其他原因，我无法使用它

某些标题表1/2表3
这里有一些内容

我还能做些什么来让用户理解这些实际上是选项卡

我希望用户看到文本是可点击的。到现在为止，我有 将光标更改为指针，并在 元素

这些都是相当标准的惯例。其他视觉提示（通常在

：hover

上激活）可能包括：

• 用

  字体粗体显示文本：粗体

• 更改文本的

  颜色

• 更改文本的背景色
• 更改文本的

  边框

你甚至可以：

• 为文本设置一个

  文本阴影

• 为文本的包含元素指定一个

  框阴影

我希望用户看到文本是可点击的。到现在为止，我有 将光标更改为指针，并在 元素

这些都是相当标准的惯例。其他视觉提示（通常在

：hover

上激活）可能包括：

• 用

  字体粗体显示文本：粗体

• 更改文本的

  颜色

• 更改文本的背景色
• 更改文本的

  边框

你甚至可以：

• 为文本设置一个

  文本阴影

• 为文本的包含元素指定一个

  框阴影

除此之外，您还可以添加：

看看新的

编辑：我意识到他也提到了边界。

除此之外，您还可以添加：

看看新的

---

编辑：我意识到他也提到了边界。

你应该使用引导选项卡…你应该使用引导选项卡…我可以看到当元素被覆盖时，我可以使用这些选项卡中的哪些（是那个词吗？）。但这需要用户实际浏览它们（如果他们还不知道它们是选项卡，则不确定他们是否会这样做）是的-您可以在应用

：hover

之前添加少量视觉提示，并在

：hover

上再添加一些视觉提示，以确认访问者在正确的轨道上。通常

字体大小：粗体；文字装饰：下划线；光标：指针：hover

上添加额外的视觉提示之前，code>足够作为一个视觉提示来选择文本作为链接。我可以看到当元素被忽略时，我可以使用这些提示中的哪些（是那个词吗？）。但这需要用户实际浏览它们（如果他们还不知道它们是选项卡，则不确定他们是否会这样做）是的-您可以在应用

：hover

之前添加少量视觉提示，并在

：hover

上再添加一些视觉提示，以确认访问者在正确的轨道上。通常

字体大小：粗体；文字装饰：下划线；光标：指针

是一个足够的视觉提示，可以在添加额外的视觉提示之前将文本作为链接挑选出来。

：hover

。谢谢，我可能会使用某种边框（只需找到正确的颜色/大小）谢谢，我可能会使用某种边框（只需找到正确的颜色/大小）

<div class="panel panel-primary" >
    <div class="panel-heading"> SomeHeading <span style="text-decoration: underline; cursor: pointer" >Tab1</span> <span style="font-size: 8px;" class="badge">1</span> / <span style="text-decoration: underline; cursor: pointer">Tab2</span> <span style="font-size: 8px;" class="badge">3</span> 
</div> 

<div class="panel-body">
  Some content here
</div>

border-style: groove; border-color: #3377ff;