2
respostas

tirar o sublinhado dos textos nos botões

Os professores falam sobre tirar o sublinhado: Esta linha abaixo dos conteúdos é um padrão quando estamos desenvolvendo, e teremos que tirar sua decoração. A Rafaela não colocou código, talvez houve um corte no video, mas não consegui visualizar o que ela fez quando falou "tirar sua decoração" no video 4.4 - Estilizando botões.

2 respostas

Oi, Marcio, tudo bem?

Sinto muito que tenha tido problemas em identificar como remover o sublinhado do link dos botões referentes às redes sociais.

Para remover a decoração de texto padrão utilizada por alguns navegadores, neste caso o sublinhado, utilizamos no arquivo CSS, o comando text-decoration:none; dentro da classe .apresentacao__links__link.

Dessa forma, o código ficaria assim:

.apresentacao__links__link {
    background-color: #22D4FD;
    width: 280px;
    text-align: center;
    border-radius: 16px;
    font-size: 24px;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
}

Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Muito obrigado, acho q o video cortou mesmo, deve ser algo no meu PC