Tutorial - Como por os links hover em sublinhado

Oie :)
 Hoje como diz o titulo vamos por os links mais ou menos assim:
Normal: Link
Hover: Links
Percebeu a ideia? Gostou se sim clique em leia mais ^^
 Vá em editar html aperte Ctrl+F e procure por

a:link{

 Achou? Agora apague isto:

E substitua por isto:

a:link {
text-decoration:none;
color: #ffc0cb; /*Cor do link*/
}
a:visited {
text-decoration:none;
color: #ff509d; /*Cor de item visitado*/
}
a:hover {
border-bottom: 1px dashed #ff0000; /*Tamanho, tipo e cor da borda em baixo do link em hover*/
color: #FF4500; /*Cor do link em hover*/
text-shadow: 0 0 .20em #FF4500; /*Cor da sombra do texto em hover*/
}

 Para substituir as cores use essa tabela.
 Espero que tenham gostado ^^

 Créditos ao: Wild Blackberries