css仿淘宝app中的导航栏（Nav）右侧添加“更多”或“+”符号

通常，在导航栏（Navigation Bar）中，你可能会看到一个“更多”或者“+”符号，用于表示有更多的选项或者可以添加新的内容。

以下是一个简单的HTML和CSS示例，展示如何在导航栏的右侧添加一个“更多”或“+”符号。

示例1：使用文本“更多”

HTML结构：

<nav class="navbar">
  <a href="#">首页</a>
  <a href="#">关于</a>
  <a href="#">联系</a>
  <a href="#" class="more">更多</a>
</nav>

CSS样式：

.navbar {
  display: flex;
  justify-content: space-between;
  background-color: #333;
  padding: 10px;
}

.navbar a {
  color: white;
  padding: 8px 16px;
  text-decoration: none;
}

.navbar .more {
  background-color: red;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

示例2：使用“+”符号

HTML结构：

<nav class="navbar">
  <a href="#">首页