Tutorial : Negrito, Itálico e Sublinhado em Hover

Oi again ^^
Como tinha dito na última postagem, estou trazendo o tutorial do negrito, itálico e sublinhado em hover.
Repare que quando você passa o mouse em cima deles, a cor muda e o sublinhado fica com um traço reto.
Vamos lá?

Vá no seu CSS e cole o código abaixo:

b {color:#99CDDF; padding: 0 2px 0 2px;} /*negrito*/
b:hover {color:#1c1c1c;} /*Negrito quando o mouse passar por cima*/
i {color:#000000; line-height: 12px;} /* Itálico*/
i:hover {color:#FFA579;} /*Itálico quando passar por cima */
u {border-bottom: 1px solid #99CDDF; text-decoration: none;} /*Tracinho do sublinhado*/
u:hover {border-bottom: 1px solid #FFA579; text-decoration: none;} /*Tracinho do sublinhado quando o mouse passar por cima*/

Clique aqui para ver a tabela de cores.

Agora você vai ter que personalizar do jeito que você quiser. Se você nãoentendeu ou não sabe como personalizar, siga o tutorial detalhado abaixo:

Negrito:
Onde está escrito #99CDDF é a cor que vai ficar automaticamente o negrito quando você publicar.
-Como assim?
Simples. Quando você estiver escrevendo sua postagem e deixar alguma palavra em negrito, ela vai ficar preta. A cor só aparece quando você publicar.
Para colocar uma cor diferente, vá na tabela de cores e copie o Código HTML da cor que você escolher.
Na segunda linha, onde está escrito #1c1c1c, é a cor que vai ficar quando você passar o mouse em cima do negrito.

Não vou colocar o do Itálico nem do Sublinhado, porque é a mesma coisa do Negrito.

TIPOS DE SUBLINHADO: ENTENDA!
Existem quatro tipos de sublinhado, você pode escolher o seu e modificar no código: solid (que é a linha reta), dashed (que é a linha tracejada), dotted (que é uma linha formada por vários pontinhos) e double (que corresponde a duas linhas) Você pode colocar o dashed, por exemplo, como seu sublinhado automático, e o double como seu sublinhado quando você passa o mouse em cima.

Os créditos vão ao blog Risosshi.
Qualquer dúvida, comente :)