Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Espaciado entre texto y subrayado... ¿Se puede con CSS? (http://www.forosdelweb.com/f53/espaciado-entre-texto-subrayado-puede-con-css-492444/)

Chorchao 24/05/2007 08:34

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

Daniel Ulczyk 24/05/2007 15:07

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


La zona horaria es GMT -6. Ahora son las 05:08.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.