写一个html+css简单的侧边导航栏

好的，下面是一个简单的侧边导航栏的HTML和CSS代码：

HTML代码：

<div class="sidebar">
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">新闻</a></li>
    <li><a href="#">产品</a></li>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</div>

CSS代码：

.sidebar {
  background-color: #f1f1f1;
  height: 100%;
  width: 200px;
  position: fixed;
  top: 0;
  left: 0;
}

.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sidebar li {
  margin: 10px 0;
}

.sidebar a {
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
}

.sidebar a:hover {
  background-color: #ddd;
}

以上代码可以创建一个灰色的固定侧边栏，包括一个标题和几个链接，鼠标悬停链接时链接的背景色会变成灰色。您可以在自己的项目中根据需要进行修改和调整。