Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Santiago

Como criar um sublinhado como esse com CSS?

Por , em Desenvolvimento frontend

Recommended Posts

Santiago    0

Santiago
Postado

Olá pessoal!

 

Gostaria de saber se tem como fazer um sublinhado como esse usando css?

 

Imagem Postada

 

Não consigui nenhum exemplo de como fazer se alguém souber por favor me ajude!

 

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

Aqui vai uma solução para reproduzir a figura postada, usando CSS.

Colocar o sublinhado como sugerido depende de cada caso.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sublinhado</title>
<style type="text/css">
p.sha { 
 font: bold 10px arial, verdana,sans-serif; color:#999;
  }
span{
 display:block;
 float:left
  }
span.um {
 border-bottom:4px solid #999;
  }
span.dois {
 width:220px;
 color:#c30;
 border-bottom:1px solid #999;
  }
</style>
</head>
<body>
<p class="sha"><span class="um">SHAUNINMAM.COM</span><span class="dois">PLETE</span>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito