css - 如何在页面顶部显示特定标签？

Question

亲爱的开发者社区，您好!

我正在写我的博客，试图解决问题。我正在尝试找到一种方法，在特定页面的顶部仅显示标签中的一些标签，以便我的访问者可以轻松地看到他们感兴趣的内容。

我已经在侧边栏中为所有标签使用了一个小部件。根据主题，我的想法是在我的页面顶部显示大概 4 到 5 个。

例如，在“我的旅行”中，对于“法国”部分，我想显示“发现”、“远足”、“美食”、“视频”、“照片”。

What I would like to do, see in black labels 非常感谢你的帮助 !! 百合

Answer 1

.topLabel {
  background: black;
  color: white;
  font-family: Arial;
  padding: 4px;
  float: left;
  margin-right: 4px;
  cursor: pointer;
}

.topLabel:hover {
  background: grey;
}

<a class="topLabel">Hiking</a>
<a class="topLabel">Food</a>
<a class="topLabel">Photos</a>
<a class="topLabel">Videos</a>
<a class="topLabel">Discovery</a>
 

也许这对你有帮助。`