CSS元素之间的水平和垂直线

Question

我在尝试使用 CSS 实现此图像中显示的样式时遇到问题。我的问题是如何在标题“nossos numeros”上制作水平黄线，在“Cursos”、“Alunos”和“Aulas”之间制作垂直蓝线。

我也在使用 Bootstrap 4。

我想要这个：

我这样做了：

border-right: 1px blue solid;  
border-top: 2px yellow solid;

但是现在我如何设置我想要的边框的颜色？ 提前致谢！

Answer 1

对于上面的黄色孤单尝试：

border-top: 1px yellow solid;

换垂直蓝线试试

border-right: 1px blue solid;