css - 造型边界 - 对吗？

Question

我正在处理左侧导航菜单，我需要一条垂直线将菜单与页面的主要内容分开。现在我正在使用骨架框架，其中包含一个看起来很棒的自定义 hr 标签，我在标题下方放置了一个。

然而，当我在我的菜单上使用 border-right 时，该行是一条平淡的黑线(否则没有样式的 hr 标签)。

如何设置 border-right 的样式使其看起来像 Skeleton hr 标签？或者我应该使用自定义样式的 div 来制作更好看的垂直线吗？

这是样式化 hr 的代码:

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px;    height: 0; }

我该怎么做？

Answer 1

您应该使用 border-right:1px solid #000000; 作为右边框。这是一个 example