Negrito, Itálico, sublinhado e riscado com sombra

Hello babys, como estão? Finalmente pude voltar a postar, não sei se será todos os dias mais pretendo tentar.  Estou pensando seriamente em voltar a postar postagens de assusto relevantes aqui no BC, claro ainda mantendo a categoria de HTML. O que vocês acham? Também quero agradecer pelo carinhos dos meus leitores e pela paciência de ficar tanto tempo ausente e também a Mari Diniz pelo lindo presente que me enviou, amei o caderno estilizado pelo meus bias e oppas. Para hoje trago um tutorial já bem repetido aqui no Bunny, de como colocar  negrito, itálico, sublinhado e riscado com sombra.

Eu acho esse estilo muito fofo, estou pensando em usar no meu próximo layout. Agora chega de blá blá blá, vamos ao tutorial os créditos vão para DL! Lets Go!!

Postagens da mesma categoria:
*Itálico, Negrito, Sublinhado automaticamente
*Como colocar Negrito, Itálico, e Sublinhado com efeitos Hover
*Efeito hover no Negrito, Itálico, Sublinhado e Tachado com estilos de ponteiro
*Negrito, Itálico, Riscado e Sublinhado com background

01. Vá ate seu HTML e procure por ]]></b:skin e acima dela cole o seguinte código: 

Códigos

/* Personalização por Designer Lovers */
b { /*Estilo do negrito */
color: #c4b8c6;
cursor: help;
text-shadow: 0px 0px 1px #c4b8c6;
-webkit-transition-duration: .60s;
}
b:hover { /*Estilo do negrito quando passa o mouse */
color: #e5b2ba;
cursor: help;
text-shadow: 0px 0px 1px #e5b2ba;
-webkit-transition-duration: .50s;
}
i { /*Estilo do itálico */
color: #e5b2ba;
cursor: help;
text-shadow: 0px 0px 1px #e5b2ba;
-webkit-transition-duration: .50s;
}
i:hover { /*Estilo do itálico quando passa o mouse */
color: #df8eaa;
cursor: help;
text-shadow: 0px 0px 1px #df8eaa;
-webkit-transition-duration: .50s;
}
u { /*Estilo do sublinhado */
color: #c4b8c6;
cursor: help;
text-decoration: none;
border-bottom: 1px dotted #df8eaa;
text-shadow: 0px 0px 1px #c4b8c6;
-webkit-transition-duration: .50s;
}
u:hover { /*Estilo do sublinhado quando passa o mouse */
color: #f3ded6;
cursor: help;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
text-shadow: 0px 0px 1px #f3ded6;
-webkit-transition-duration: .50s;}
s, strike { /* Estilo do riscado */
color: #dbd8f3;
cursor: help;
text-shadow: 0px 0px 1px #c4b8c6;}
/* Fim do código, se usar credite! */

Os códigos das cores em negrito está em negrito, dos itálicos está em itálico, sublinhados estão em sublinhado e riscados estão em riscados. Agora é só mudar as cores e salvar, visualize e prontinho.

Espero que tenham gostado, qualquer duvida é só perguntar, beijinhos.