Olá Pessoal, neste tutorial irei mostrar como retirar as bordas indesejadas de imagens que são links.
Primeiro iremo criar um imagem link:
<a href="http://www.fernandobecker.com.br"><img src="imagemqualquer.jpg"></a>
A primeira coisa a ser é setar-mos a borda com 0 isso podemos fazer de duas formas:
Primeira é setarmos via na própria tag IMG assim:
<a href="http://www.fernandobecker.com.br"><img src="imagemqualquer.jpg" border="0"></a>
A segunda é usar-mos css inline ou setar atráves da folha de estilo, hoje mostrarei como utilizar css inline, notem que iremos invocar o css dentro da tag IMG:
<a href="http://www.fernandobecker.com.br"><img src="imagemqualquer.jpg" style="border: 0px;"></a>
Mas feito tudo isso ainda temos um problema com navegadores, quando clicamos no link o próprio navegador coloca uma linha pontilhada contornando a imagem toda, para retirar-mos essa linha iremos novamente utilizar o css inline, da seguinte maneira:
<a href="http://www.fernandobecker.com.br"><img src="imagemqualquer.jpg" style="outline:0;"></a>Bom pessoal, creio que resolvemos mais um problema com incompatibilidade de navegadores, até mais!