As bordas podem ser criadas usando box-shadow
sem quebrar o layout ao usar box-sizing: border-box
.
A sintaxe para isso é:
box-shadow: 0 0 0 {width} {color};
Pro: não quebra o layout
Con: apenas bordas sólidas, não descritivas
Conteúdo para você se capacitar em programação