我正在使用左侧导航菜单,我需要一条垂直线来将菜单与页面的主要内容分开。现在我正在使用骨架框架,其中包含一个看起来很棒的自定义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; }
我该怎么做?
答案 0 :(得分:0)
您可以像设置border-right
hr
的样式
border-right: 1px solid #ddd;
答案 1 :(得分:0)
您应该使用border-right:1px solid #000000;
作为右边框。这是example