增加导航栏的高度，并且从底部变成圆形。

要实现增加导航栏的高度并将其从底部变成圆形，你可以使用CSS来完成。以下是一个示例代码：

HTML:

<nav class="navbar">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

CSS:

.navbar {
  background-color: #333;
  height: 100px; /* 原始高度 */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%; /* 圆形边框 */
}

.navbar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.navbar li {
  margin: 0 20px;
}

.navbar li a {
  color: white;
  text-decoration: none;
}

.navbar li a:hover {
  color: lightgray;
}

在上述代码中，我们将.navbar类的高度设置为100px，并使用display: flex和align-items: center属性使导航栏内容垂直居中。然后，我们使用border-radius: 50%将导航栏的边框变成圆形。

你可以根据自己的需求调整导航栏的高度和样式。