Tutorial - Negrito, itálico e sublinhado com hover

Ilustração do KW

Olá Pessoal Tudo Bem ? Hoje trouxe um tutorial que é muito útil no layout para ficar mais bonito e dar mais vida rs o nome é Negrito, itálico e sublinhado com hover acho que muita gente deve conhecer esse , alias vejo muitos lays com esse efeito Peguei ele no KW e espero que vocês gostem ! Muito ! Desse Tutorial !

 O halloween esta chegando então vou preparar umas coisinha pra vocês blz , e Eu acho que vocês vou gostar Espero ! Pois vou preparar com muito amor e carinho Pra vocês ! O Final de ano tá chegando e talvez vou viajar e vou ficar um tempo sem postar Mas eu acho que a Julia vai ficar postando para vocês .Bom chega de Papo vamos ver o tutorial só clicar no botãozinho Leia Mais e Vamos Lá !

1. Procure por ]]> 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 ;}

Acho que esse código todo mundo entende.

B refere-se ao negrito e 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.

Então é isso gente Bjs !