Entenda mais sobre bordas! #CSS

 

Oi oi~

Vou explicar o "básico" sobre bordas pra vocês, let's go >< 

Código base:

border-bottom: 1px solid #CódigoDaCor;

 Onde diz 1px, é a espessura, então modifique o número 1 pelo que você achar que fica melhor.

 Onde diz solid, é o tipo da borda. Você pode escolher entre:

Borda Solid
Código: Border: 1px solid #000000;

Borda Dotted
Código: Border: 2px dotted #000000;

Borda Dashed
Código: Border: 1px dashed #000000;

Borda Groove
Código: Border: 3px groove #aa3cff;

Borda Inset
Código: Border: 3px inset #aa3cff;

Borda Outset
Código: Border: 3px outset #aa3cff;

Borda Double
Código: Border: 3px double #000000;
Mínimo de px para essa borda é 3, ok?

(Créditos dos estilos de borda: Cherry Bomb)

 Lugar da borda - Substituindo o border-bottom:

border-bottom - A borda fica na parte de baixo.
border-top - A borda fica na parte de cima.
border-left - A borda fica na esquerda.
border-right - A borda fica na direita.

 Cor da borda: Obviamente, você substitui o #CódigoDaCor pelo código da cor que você quiser, pode escolher aqui.

Bom, é isso! Espero que vocês tenham entendido, beijos-