Tutorial - negrito, itálico e sublinhado com hover

~Yoo !

Como vão ? Espero que bem.
Essa manhã, na escola, me fizeram um pedido de tutorial. Pelo que parece, ao menos alguém gosta dos tutoriais -q. Me pediram para ensinar a colocar um efeito de "Transição" do negrito, sublinhado e italico. Esse efeitinho básico do hover, sabe? Basicamente, o hover é um código que atua em transformação, ou seja, a transição de uma coisa para outra, no caso do tutorial abaixo, muda a cor do negrito, itálico e do sublinhado.

Vá até seu HTML e procure por ]]></b:skin> e acima da tag, cole:

b {

color: #c7c8ca;

text-decoration: none;

}

b:hover {

color: #f4bec1;

text-decoration: none;

}

i {

color: # c7c8ca ;

text-decoration: none;

}

i:hover {

color: # f4bec1 ;

text-decoration: none;

}

u {

color: # c7c8ca ;

text-decoration: none;

border-bottom: 1px dashed #e6e2b3;

}

u:hover {

color: #  f4bec1;

text-decoration: none;

border-bottom: 1px dashed #  f4bec1 ;} 

Agora, modifique e seja feliz!

Lá vai uma colinha:

B refere-se ao negrito, logo b:hover ao negrito ao passar o mouse.

I refere-se ao itálico e i:hover ao itálico ao passar o mouse.

U refere-se ao sublinhado e u:hover ao sublinhado ao passar o mouse.