Como remover o sublinhado de âncoras (links)?

Existe alguma maneira (em CSS) para evitar o sublinhado do texto e links introduzidos na página ..?

Use CSS. isso remove sublinhados de ae uelementos:

a, u {
    text-decoration: none;
}

Às vezes, você precisa substituir outros estilos por elementos; nesse caso, você pode usar o !important modificador em sua regra:

a {
    text-decoration: none !important;
}

O css é

text-decoration: none;

e

text-decoration: underline;

Isso removerá sua cor e o sublinhado de que a marca de âncora existe com

 a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }

A opção mais simples é esta:

<a style="text-decoration: none">No underline</a>

Obviamente, misturar CSS com HTML (ou seja, CSS embutido) não é uma boa ideia, especialmente quando você usa atags em todo o lugar.
É por isso que é uma boa ideia adicionar isso a uma folha de estilo:

a {
    text-decoration: none;
}

Ou mesmo esse código em um arquivo JS:

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

Use CSS para remover text-decorations.

a {
    text-decoration: none;
}

Melhor opção para você, se você deseja remover apenas o sublinhado do link âncora -

    #content a{
                text-decoration-line:none;
                }

Isso removerá o sublinhado.

Além disso, você pode usar sintaxe semelhante para manipular outros estilos também usando:

                text-decoration: none;
                text-decoration-color: blue;
                text-decoration-skip: spaces;
                text-decoration-style: dotted;

Espero que isto ajude!

PS- Esta é a minha primeira resposta de sempre!

no meu caso, havia uma regra sobre efeito de foco da âncora, assim:

#content a:hover{
border-bottom: 1px solid #333;
}

Claro, text-decoration:none;não poderia ajudar nesta situação. E passo muito tempo até descobrir.

Portanto: um sublinhado não deve ser confundido com uma borda inferior.

Em algum momento, ele será substituído por alguma renderização de CSS da interface do usuário. Melhor usar:

a.className {
    text-decoration: none !important;
}

Para fornecer outra perspectiva para o problema (conforme inferido no título / conteúdo da postagem original):

Se você deseja rastrear o que está criando sublinhados não autorizados no seu HTML, use uma ferramenta de depuração. Há muito por onde escolher:

Para o Firefox existe o FireBug;

Para o Opera, há o Dragonfly (chamado "Developer tools" no menu Ferramentas-> Avançado; vem com o Opera por padrão);

Para o IE, existe a "Barra de Ferramentas do Desenvolvedor do Internet Explorer", que é um download separado para o IE7 e versões inferiores, e é integrada ao IE8 (pressione F12).

Não tenho idéia do Safari, Chrome e outros navegadores minoritários, mas você provavelmente deve ter pelo menos um dos três acima em sua máquina.

Quando você deseja usar uma marca de âncora simplesmente como um link sem o estilo adicionado (como o sublinhado ao passar o mouse ou a cor azul), adicione- class="no-style"a à marca de âncora. Em sua folha de estilo global, crie a classe "sem estilo".

.no-style { text-decoration: none !important; }

Isso tem duas vantagens.

1. Isso não afetará todas as tags âncora, apenas aquelas com a classe "sem estilo" adicionada a elas.
2. Ele substituirá qualquer outro estilo que possa impedir a configuração de decoração de texto como nenhuma.

Não se esqueça de incluir folhas de estilo usando a tag link

http://www.w3schools.com/TAGS/tag_link.asp

Ou coloque CSS em uma tag de estilo em sua página da web.

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

Eu não recomendaria usar o sublinhado em nada além de links, sublinhado geralmente é aceito como algo clicável. Se não for clicável, não o sublinhe.

O básico sobre CSS pode ser adquirido em w3schools

<u>

é uma tag obsoleta.

Usar...

<span class="underline">My text</span>

com um arquivo CSS contendo ...

span.underline
{
    text-decoration: underline;
}  

ou apenas...

<span style="text-decoration:underline">My Text</span>

Use a propriedade css,

text-decoration:none;

Para remover o sublinhado do link.

O sublinhado pode ser removido por uma propriedade CSS chamada decoração de texto.

<style>
a{
text-decoration:none;
}
</style>

Se você deseja remover o sublinhado do texto presente nos elementos que não sejam a , a seguinte sintaxe deve ser usada.

<style>
element-name{
text-decoration:none;
}
</style>

Existem muitos outros valores de decoração de texto que podem ajudá-lo a criar links.

Fui incomodado com esse problema na impressão na web e resolvi. Resultado verificado.

a {
    text-decoration: none !important;
}

Funciona!.