Tutorial: Personalizar negrito, itálico, sublinhado e tachado

Nya ~ 

Tudo bem? Comigo sim! Hoje eu vim trazer pra vocês um tutorial de personalização do Negrito, Itálico, Sublinhado e Tachado.

O tutorial é bem simples e fácil de se entender, o único problema é escolher as cores 

Simples

Procure a tag:

]]></b:skin>

Quando achar, cole acima da tag o seguinte código:

b {color: #f08080; text-decoration: none;} /* o negrito */
i {color: #ff7f50; text-decoration: none;} /* o itálico */
u {color: #ffca85; text-decoration: none;
border-bottom: 1px dashed #ffca85;} /* o sublinhado */
s, strike { color: #99aaff; cursor: normal; } /*o riscado*/

 Hover

É o mesmo processo, mas o código que será colado acima da tag será este:

b {color: #f08080; text-decoration: none;} /*negrito */
b:hover { cursor: help; color: #ff6347;}
i {color: #ff7f50; text-decoration: none;} /* itálico */
i:hover { cursor: help; color: #ff6347;}
u {color: #f08080; text-decoration: none;
border-bottom: 1px dashed #ff6347;} /* sublinhado */
u:hover {cursor: help ; color: #ff6347;
border-bottom: dashed 1px #ff6347; text-decoration: none; }

Entendendo os códigos 

Onde está em Negrito, você trocará as cores.

Em Itálico, você trocará as cores "hover", ou seja, quando o mouse passa em cima.

E onde está sublinhado, você trocará a cor da linha que fica em baixo do sublinhado (isso inclui o hover também, mas será de quando passa o mouse por cima).

"1px" é o tamanho da linha e "border-bottom" é o estilo da linha, ou seja, solid (linha sólida), dashed (tracejado) e dotted (pontilhado).

Espero que tenham gostado do tutorial. Peguei o tuto no Bunny Crazy

Beijos e até o próximo post!