边界造型-对吧？

Question

我正在处理一个左导航菜单，我需要一条垂直线来将菜单与页面的主要内容分开。现在我正在使用框架框架，它包括一个看起来很棒的自定义hr标记，我有一个放在标题下面。

然而，当我在菜单上使用边框时，这条线是一条平淡的黑线(否则没有样式的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

Answer 2

您可以将border-right的样式设置为hr的样式。

border-right: 1px solid #ddd;