请帮我设计一个HTML /CSS程序，它将显示一个带有课程列表的导航栏

当然，我很乐意帮您设计一个HTML/CSS程序，这是我的专长之一。以下是一个示例程序，可用于显示带有课程列表的导航栏：

HTML:

<header>
  <nav>
    <ul class="courses">
      <li><a href="#">Course #1</a></li>
      <li><a href="#">Course #2</a></li>
      <li><a href="#">Course #3</a></li>
      <li><a href="#">Course #4</a></li>
    </ul>
  </nav>
</header>

CSS:

header {
  background-color: #999;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

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

nav ul.courses li {
  display: inline-block;
  margin-right: 20px;
}

nav ul.courses li:last-child {
  margin-right: 0;
}

nav ul.courses li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 3px;
}

nav ul.courses li a:hover {
  background-color: #555;
}

该程序将导航栏放置在页面的顶部，背景颜色为灰色，高度为60像素。课程列表以无序列表的形式显示，每一项都显示为链接。这些链接具有白色色彩，背景色对于鼠标悬停/焦点也可以更改。

希望这个程序满足了您的需求。如果您有任何问题或需要进一步帮助，请随时问我！