CSS lignes horizontales et verticales entre les éléments

Question

J'ai du mal à essayer d'appliquer le style montré dans cette image en utilisant CSS. Mon problème est comment faire la ligne jaune horizontale sur le titre "nossos numeros" et les lignes bleues verticales entre "Cursos", "Alunos" et "Aulas".

J'utilise également Bootstrap 4.

Je veux ceci:

Je l'ai fait:

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

mais maintenant comment je peux définir la taille de la bordure que je veux wit h une couleur? Merci d'avance!

Answer 1

Pour l'essai de texte ci-dessus seul jaune:

border-top: 1px yellow solid; 

pour la ligne bleue verticle essayer

border-right: 1px blue solid;