html - CSS - 如何创建这些分隔符？

Question

我有一个 css 作业来准确复制一个网站。我已经完成了大约 80% 的工作，但原始网站中仍有一些元素我无法带到我的副本中，例如，这些分隔符:

我在 Internet 上尝试了一些方法，但似乎没有一种方法适合我目前的情况。这是我到目前为止的工作:https://dl.dropboxusercontent.com/u/178536659/xin/index.html .

除此之外，我的老师还为我们提供了一些资源(包括 Logo 、图像等……以制作网站副本)。它包括一些仅透明的水平矩形图像。我不知道它的用途……我猜它是用来制作这些分隔符的吗？

所以我希望你们能帮我解决这个问题……如有任何意见，我们将不胜感激。非常感谢!

Answer 1

都是简单的边框，比如

ul#nav_menu li {
  border-right: 1px solid #cecece;
}

现在使用一些类或 id 从元素中删除第一个子元素的边框，并为其设置无边框!简单。