<nav class="side-nav"> <ul> <li><a href="#send">寄送快递</a></li> <li><a href="#query">查询快递</a></li> <li><a href="#contact">联系我们</a></li> </ul> </nav>

好的，这是一个基本的侧边栏导航的HTML代码。如果你想要添加CSS样式来美化它，可以参考以下示例代码：

HTML代码：

<nav class="side-nav">
  <ul>
    <li><a href="#send">寄送快递</a></li>
    <li><a href="#query">查询快递</a></li>
    <li><a href="#contact">联系我们</a></li>
  </ul>
</nav>

CSS代码：

.side-nav {
  width: 200px;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.side-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-nav li {
  width: 100%;
  display: block;
  border-bottom: 1px solid #eee;
}

.side-nav li:last-child {
  border-bottom: none;
}

.side-nav li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

.side-nav li a:hover {
  background-color: #f5f5f5;
}

在这个示例中，我们添加了一些CSS样式来美化侧边栏导航。我们使用了固定定位（position: fixed）将导航栏固定在页面上，并使用了transform属性将其垂直居中。我们还添加了一些边框样式和鼠标悬停时的背景色，以使它看起来更加美观。