Negrito, Itálico, Sublinhado e Tachado em Efeito Hover

julho 22, 2015


Moranguinhos trago esse tutu que eu já conhecia a bastante tempo que deixa o Negrtio, Itálico, Sublinhado e Tachado em efeito Hover. Pensando bem acho que vou colocar aqui no Blog esse efeito, vamos aprender é rapidinho e fácil.

Vá no  Design do seu Blog e clique em "Editar HTML"  e acima de ]]></b:skin> cole os códigos abaixo.
b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
b:hover {color: #DA70D6; text-decoration: none;} /* Estilo hover do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
i:hover {color: #63B8FF; text-decoration: none;} /* Estilo hover do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */
u:hover {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo hover do sublinhado */
strike {color: #009900 ; text-decoration: strike; } /*estilo do riscado */
strike:hover {color: #FF00FF; text-decoration: strike; } /*estilo hover do riscado */
Agora para não ter o efeito hover, substitua o código anterior por este abaixo:
b{color: #DA70D6; text-decoration: none;} /* Estilo do negrito */
i {color: #63B8FF; text-decoration: none;} /* Estilo do itálico */
u {color: #1C1C1C; text-decoration: none; border-bottom: 1px dashed #7CFC00;} /* Estilo do sublinhado */
strike {color: #009900 ; text-decoration: strike; } /*estilo do riscado */

You Might Also Like

0 comentários

Like us on Facebook

Pinterest