Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Como ajustar o sublinhando de uma palavra com CSS

Eu quero colocar sublinhado em uma palavra, mas não na palavra toda. Apenas nas 2 ou 3 primeiras letras, por exemplo, como uma estilizaçao.

2 respostas

Olá Raiany, tudo bem?

Uma solução é envolver a palavra ou as letras com a tag <span></span> e colocar uma classe, por exemplo sublinhado e no CSS adicionar um text-decoration: underline;

HTML:

Texto <span class"sublinhado">sublinhado</span>

CSS:

.sublinhado {
    text-decoration: underline;
}

Em HTML3 tinha a opção de usar as tags <u></u>, mas hoje em dia não costuma mais ser usado, ou até mesmo deve já ter depreciado.

Espero ter ajudado!

solução!

Olá, obrigada pela resposta, mas também dessa forma iria suria sublinhar toda a frase e eu queria sublinhar apenas uma determinado comprimento. Mas eu consegui fazer como eu queria, talvez tenha sido um pouco gambiarra, mas foi kk

Para quem tiver dúvidas e vir neste topico, eu fiz da seguinte forma:

No meu CSS:

a.test{
  border-bottom:solid green 2px;
  width:25px;
}

No meu HTML:

<a class="test">Co</a>mo acessar as aulas do treinamento?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software