造型边界对吗?

时间:2014-03-17 07:40:33

标签: css menu line

我正在使用左侧导航菜单,我需要一条垂直线来将菜单与页面的主要内容分开。现在我正在使用骨架框架,其中包含一个看起来很棒的自定义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; }

我该怎么做?

2 个答案:

答案 0 :(得分:0)

您可以像设置border-right

一样设置hr的样式
border-right: 1px solid #ddd;

答案 1 :(得分:0)

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