Tutorial : Efeito hover no Negrito, Itálico, e Sublinhado .

Yo minna ! Como vão ? Estou elaborando vários posts semanais que farei aqui no Blog , assim que conseguir mais seguidores , enquanto isso vou continuar postando materiais e tutoriais , mais para frente vai vir coisas novas . Em fim , hoje vou lhes ensinar a personalizar o Negrito, Itálico, e Sublinhado com o efeito hover . Igual daqui . Confira >>

Vá no seu HTML , dê Ctrl + F ou F3 e procure por :   ]]></b:skin>

Acima dele cole o seguinte código :

b {color: #DB7093; text-decoration: none;} /* Estilo Negrito */b:hover {color: #000000; text-decoration: none;} /* Negrito Hover */i {color: #bebebe; text-decoration: none;} /* Estilo Itálico */i:hover {color: #000000; text-decoration: none;} /* Itálico Hover */u {color: #8B658B; text-decoration: none; border-bottom: 1px solid #CDB5CD;} /* Estilo Sublinhado */u:hover {color: #8B658B; text-decoration: none; border-bottom: 1px solid #CDB5CD;} /* Sublinhado Hover */ }

 Agora é só modificar as cores que eu grifei . Caso não tenha compreendido , o coral indica a cor do texto , o amarelo indica a cor do texto em hover , o verde é a cor do traço do sublinhado e o azul é do traço sublinhado em hover . Tabela das cores : (www) .
Créditos : (www) .