Classes Coloridas com Efeito Hover

Olá, neste post, vou ensinar como personalizar as classes coloridas (negrito, itálico, sublinhado e rasurado), com efeito hover.

No teu HTML, procura pela tag “]]></b:skin>”, sem aspas. Copia o código abaixo, e cola acima dessa tag.

b { color: #00BFFF; }
i { color: #00BFFF; }
u { border-bottom: 1px  solid #00BFFF; text-decoration:none; }
s, strike { color: #00BFFF; }

b:hover { color: #CCCCCC; }
i:hover { color: #CCCCCC; }
u:hover { border-bottom: 2px solid #CCCCCC; text-decoration:none; }
s, strike:hover { color: #CCCCCC; }

O primeiro grupo de códigos, é referente às classes coloridas em estado normal, e o segundo grupo, é referente às classes coloridas em efeito hover.

Usa os códigos hexadecimais desta tabela de cores e altera os trechos a negrito pelo código que pretendes.

E pronto, como viste, é muito fácil. Se tiveres alguma dúvida, pergunta na aba "Pergunta".