Como remover o azul sublinhado do link no CSS

Os links no HTML são hiperlinks pelos quais você pode pular para outro site. Na web design, os links são conexões entre dois recursos da web, por exemplo, imagens, vídeos, arquivos PDF e páginas da web.

No HTML, um link é criado usando a tag. Dentro da tag, você pode especificar o URL e o texto do link. Quando um link é adicionado, um sublinhado aparece no link; No entanto, a propriedade de decoração de texto pode ser usada para removê-la.

Este post considerará alguns exemplos para explicar os aspectos abaixo da listada:

• propriedade de decoração de texto em CSS
• Como remover o sublinhado de um link?

Então, vamos começar!

propriedade de decoração de texto em CSS

Para aplicar qualquer tipo de decoração ao texto, a propriedade de decoração de texto é usada. Por exemplo, a propriedade de decoração de texto nos ajuda a alterar a cor, o estilo e a linha de decoração do texto.

Sintaxe

Primeiro, entenderemos a sintaxe da propriedade de decoração de texto:

Decoração de texto: linha | cor | estilo;

Decoração de texto é uma propriedade abreviada para as propriedades CSS abaixo mencionadas:

• linha de decoração de texto: É usado para adicionar uma linha no texto.
• cor de decoração de texto: É usado para aplicar a cor na linha do texto.
• Decoração de texto-espessura: Especifica a espessura da decoração de linha.
• estilo de decoração de texto: Esta propriedade define o estilo da linha.

Com o uso da propriedade de decoração de texto, removeremos o sublinhado do link no exemplo a seguir.

Como remover o sublinhado de um link?

No HTML, quando adicionamos um link, a linha sob o texto do link aparece que pode ser removida usando a propriedade de decoração de texto.

Exemplo

Usaremos a tag para definir um hiperlink. href é a referência de hiperlink do site e é usado para fornecer o endereço do site. Depois de dar o endereço, especifique o nome do link porque o link não aparece no site. Somente o nome que damos será visível:

Facebook

Você pode ver que uma linha no Facebook aparece, que denota que um hiperlink está anexado a ela:

Agora vamos nos mudar para o CSS e remover o sublinhado azul.

Aqui, "a”Refere -se ao link que atribuímos na seção HTML. Definiremos o atributo da propriedade de decoração de texto como “nenhum”.

a
Decoração de texto: Nenhum;

A saída mostra que o sublinhado azul foi removido após atribuir o “nenhum”Atributo à propriedade de decoração de texto:

Oferecemos o método relacionado à remoção do azul sublinhado do link no CSS.

Conclusão

Para remover o sublinhado azul de um link, a propriedade de decoração de texto é usada no CSS. Para fazer isso, defina o “decoração de texto”Valor da propriedade como“nenhum”. Este artigo explicou o funcionamento da propriedade de decoração de texto e como usá-la para remover o sublinhado azul da linha com a ajuda de exemplos adequados.