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

Question

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

我还使用了Bootstrap 4。

我想要这个：

我这样做了：

Analyze -> Run Code Analysis -> On Solution

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

Answer 1

对于上面的黄色单词，请尝试：

border-top: 1px yellow solid;

用于垂直蓝线试试

border-right: 1px blue solid;