CSS horizontale und vertikale Linien zwischen Elementen

Question

Ich habe Probleme, das Styling in diesem Bild mit CSS zu implementieren. Mein Problem ist, wie man die horizontale gelbe Linie über den Titel "nossos numeros" und die vertikalen blauen Linien zwischen "Cursos", "Alunos" und "Aulas" macht.

Ich bin auch mit 4. Bootstrap

Ich möchte dies:

ich dies tat:

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

aber jetzt, wie ich kann, Setze die Größe der Grenze, die ich will h eine Farbe? Vielen Dank im Voraus!

Answer 1

Für die gelben lone oben Text try:

border-top: 1px yellow solid; 

für die verticle blaue Linie versuchen

border-right: 1px blue solid;