Oi :)
Hoje vou ensinar a personalizar o negrito, itálico, sublinhado e riscado.
Vê como fica :
Sem o rato em cima
Com o rato em cima ( hover )
Para fazeres vai ao html - ctrl + f - procura por body {
Agora, cola o código como diz na imagem :
/*formatação*/
b, strong, bold { color: #9ACD32; -webkit-transition-duration: .80s}
s, strike { color: #FF7F00; -webkit-transition-duration: .80s}
u, underline { color: #00CED1; border-bottom: 1px dashed #7FFF00; text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic { color: #FF3E96; -webkit-transition-duration: .80s}
/*formatação hover*/
u:hover { color: #9400D3; border-bottom: 1px solid #FF3030; text-decoration: none; -webkit-transition-duration: .80s}
b:hover { color: #FF6347; -webkit-transition-duration: .80s}
s:hover { color: #4876FF; -webkit-transition-duration: .80s}
i:hover { color: #FFD700; -webkit-transition-duration: .80s}
Vamos entender o código : o "b" é o negrito, o "s" é o riscado, o "u" é sublinhado e o "i" é itálico. Onde diz " formatação" é a cor sem o rato por cima e onde diz "formatação hover" é com o rato por cima.
Basta alterar as cores com esta tabela onde diz "color :"
Se não quiseres com hover basta apagar a partir de "formação hover".
Gostaram ?