[CSS] Retirar bordas tracejadas

Quando clicamos em endereços de ligação (link's) aparecem bordas tracejadas, talvez em alguns casos elas não nos agrade como por exemplo quando clicamos em imagens que contém um link inserido, a imagem fica com uma borda em volta, neste tutorial iremos aprender como retira-la.

--> Tutoriais, dicas e astúcias <--
Retirar borda tracejada do link ativo

1º - Aceder à "Folha de estilo CSS":
Para que possamos retirar a borda, teremos de aceder á:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS




2º - Código a adicionar:
O código serve para todas as versões, ou seja não se importando que seu fórum seja phpbb2, phpbb3, punbb ou Invision.

a {
outline: none;
}

A propriedade outline, Define o estilo, a espessura e a cor da linha de contorno, a utilizada acima e apenas uma abreviação para todas as outras, a propriedade none poderá ser substituída por qualquer
um valor de outra propriedade outline.

Resultados
Antes e depois da adicção do código
Antes	Depois

Como visto antes havia uma borda em volta da imagem linkada com o endereço do fórum, e depois de adicionar o código não há mas está borda.

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Retirar borda tracejada do link ativo

Gostei do tutorial, mas o exemplo poderia ser usado uma imagem/link com/sem o efeito.

Antes e depois da adicção do código, ai está a imagem com/sem o efeito

Parabéns! Gostei muito!
Bem-explicado, & a imagem ajudou a 'lembrar' o que era a borda (:

Nygma escreveu:Antes e depois da adicção do código, ai está a imagem com/sem o efeito

Eu quiz dizer uma imagem prática, um link com o efeito mesmo, para as pessoas conferirem...