Como fazer um layout Parte 5 -Efeito no Negrito, Itálico, e Sublinhado

Oi algodão doce!
Bom gente, nos já estamos passando da parte básica para a parte de enfeitar o blog, agora vamos ao Negrito, Itálico, e Sublinhado com o Efeito Houver, aprendi a fazer isso no blog BSMP, vamos ver?

(Os codigos seguem a ordem Negrito, Itálico, e Sublinhado)

Negrito:

b {color: #FF6EB4; text-decoration: none; cursor: crosshair; -webkit-transition-duration: .70s; } /* Estilo do negrito */
b:hover {color: #00CED1; text-decoration: none; crosshair; -webkit-transition-duration: .70s;} /* Estilo hover do negrito */

Itálico

i {color: #E6E6FA; text-decoration: none; cursor: move; -webkit-transition-duration: .70s;}
/* Estilo do italico */
i:hover {color: #87CEFA; text-decoration: none; cursor: move; -webkit-transition-duration: .70s; } /* Estilo hover do italico */

Sublinhado

u {color: #000000; text-decoration: none;
border-bottom: 1px dashed #AFEEEE; cursor: help; -webkit-transition-duration: .70s;}/* Estilo do sublinhado */
u:hover {color: #cccccc; text-decoration: none; border-bottom: 1px dashed #FF1493; cursor: help; -webkit-transition-duration:.70s;} /* Estilo hover do sublinhado */

Agora entenda os códigos.
O que está em Negrito são as cores que devem ser mudadas usando a tabela de cores ↨
O que está em Itálico é o cursor que deve aparecer ao passar o Mouse.
E por fim,o que está sublinhado é o tempo da mudança entre o "normal" e o "efeito Houver".

Créditos: Barbie Seu Mundo Pink