Foros del Web » Creando para Internet » CSS »

Espaciado entre texto y subrayado... ¿Se puede con CSS?

Estas en el tema de Espaciado entre texto y subrayado... ¿Se puede con CSS? en el foro de CSS en Foros del Web. Me gustaria saber si es posible generar un espacio entre un texto y su subrayado usando CSS. Gracias...
  #1 (permalink)  
Antiguo 24/05/2007, 09:34
 
Fecha de Ingreso: mayo-2007
Mensajes: 1
Antigüedad: 10 años, 6 meses
Puntos: 0
Espaciado entre texto y subrayado... ¿Se puede con CSS?

Me gustaria saber si es posible generar un espacio entre un texto y su subrayado usando CSS.

Gracias
  #2 (permalink)  
Antiguo 24/05/2007, 16:07
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Re: Espaciado entre texto y subrayado... ¿Se puede con CSS?

Hasta donde tengo entendido, no lo podés hacer; aunque sí se puede simular el efecto mediante la siguiente técnica:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test de un pseudo-subrayado</title>
<style type="text/css" media="screen">
p {
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 30px;
}

.subrayado {
    border-bottom: 1px solid #000000;
    padding-bottom: 3px;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque justo orci, sollicitudin ultrices, facilisis eget, venenatis at, felis.</p>
<p><span class="subrayado">Subrayado especial</span><u> y subrayado standard</u></p>
<p>Fusce vel elit eu sem pellentesque tristique.</p>
</body>
</html>
Considerá que para aumentar la distancia texto-línea deberás aumentar también line-height
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:11.