Negrito, Itálico, Sublinhado e Riscado

Todos vocês já viram em vários blogs esse tuto..Negrito, Itálico e Sublinhado automático, mais nos que eu vi não tinha como personalizar o Riscado..pois aqui tem (wiiiiiiiiiii) e tem efeito hover também, se quiser aprender como faz é só continuar lendo meus xuxuzinhos de cerca preferidos.

Agradeço por todos os recadinhos e sejam bem-vindos os novos seguidores :)
Ah muita gente me perguntou onde peguei as imagens do post anterior..a maioria foi desse tumblr Kpop & Ulzzang



Vá em  Design  Editar HTML  Ctrl F e procure por: ]]></b:skin> 
ao encontrar..Cole este código acima dele: 

b {color: #ff78a0; text-decoration: none;} /* Estilo negrito */

i {color: #80c3ff; text-decoration: none;} /* Estilo  itálico */

u {color: #ffca85; text-decoration: none;

border-bottom: 1px dashed #ffca85;} /* Estilo sublinhado */

s, strike { color: #99aaff; cursor: normal; } /*Estilo  Riscado*/

Pode usar com efeito hover olha só:

b {color: #ff219f; text-decoration: none;} /* Estilo do negrito */

b:hover { cursor: crosshair; color: #000;}

i {color: #d6aef5; text-decoration: none;} /* Estilo do itálico */

i:hover { cursor: crosshair; color: #000;}

u {color: #6dd2f7; text-decoration: none;

border-bottom: 1px dashed #6dd2f7;} /* Estilo do sublinhado */

u:hover {cursor: crosshair ; color: #000;

border-bottom: dashed 1px #000; text-decoration: none; }

Edite como quiser:

Tabela de cores aqui

Alguns ponteiros do mouse:

 Crosshair (cruz)
 Default (seta)
 E-resize (seta que aponta à direita)
 Help (ponto de interrogação)
 Move (cruz com setas nas extremidades)
 N-resize (seta que aponta para cima)
 Pointer (mão)

Se não quiser seta diferente basta colocar None onde diz Crosshair no código
 Estilos de borda: (nome da borda esta em rosa)

border: 2px outset #ff5e9f

border: 3px inset #FFFF99

border: 4px ridge #46c74e

border: 3px groove #eded58

border: 4px double #FF0000

border: 1px solid #ed574c

border: 2px dashed #6a55ed

border: 2px dotted #919191