Hoje é um efeito comum em páginas Web os links serem sublin...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito: Letra D - text-decoration
.
A propriedade text-decoration do CSS é utilizada para adicionar ou remover decorações de texto, como sublinhados, linhas acima do texto (overline), linhas através do texto (line-through), e até mesmo para definir a ausência de decoração com o valor 'none'. Nos links (<a>), o estilo de sublinhado padrão pode ser removido usando text-decoration: none; na folha de estilos, e para criar o efeito descrito no enunciado, onde o sublinhado aparece ao passar o mouse sobre o link, usamos um pseudo-classe chamada :hover.
Um exemplo prático seria assim:
<style> a { text-decoration: none; } a:hover { text-decoration: underline; } </style>
Isso define que, por padrão, links não terão sublinhado, mas quando o cursor do mouse passar sobre eles, o sublinhado aparecerá. As outras alternativas não correspondem a propriedades de CSS válidas ou não são usadas para este propósito específico.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
propriedade text-decoration possibilita adicionar "efeitos" ou "decoração" em textos. Você pode por rexemplo, sublinhar textos, cortar o texto com uma linha, colocar uma linha sobre o texto, etc. No exemplo a seguir os cabeçalhos <h1> são sublinhados, os cabeçalhos <h2> levam um linha em cima e os cabeçalhos <h3> são cortados por uma linha.
h1 { text-decoration: underline; } h2 { text-decoration: overline; } h3 { text-decoration: line-through; }Seletor { Propriedade : valor;}
text-decoration permite alterar proripeidade de (link). none elimina o sublinhado.
A) link-style:
- Não é uma propriedade CSS válida.
B) underline:
- Não é uma propriedade específica, mas um valor da propriedade text-decoration. Usar text-decoration: underline; adicionará um sublinhado ao texto.
C) link-style-type:
- Não é uma propriedade CSS válida.
D) text-decoration:
- Esta é a opção correta. A propriedade text-decoration é usada para definir a decoração do texto, como sublinhado, linha-through, entre outros. Para remover o sublinhado de um link, você pode usar text-decoration: none;
E) text-outline:
- A propriedade text-outline não é usada para controlar a decoração do texto, mas sim para criar um contorno ao redor do texto.
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo