Como se hace un estilo de línea en CSS

eragas · #1 (**permalink**) 23/07/2010, 15:33

Estimados he visto que una web tiene un estilo de línea genial, la etiqueta html es <HR> creo...

Hice un Zoom...

QUería saber si alguien me puede orientar como se hace en CSS y como se inserta en el HTML.

Mil gracias,

Calizman · #2 (**permalink**) 23/07/2010, 16:01

Saludos!

Efectivamente, existe la posibilidad de insertar lineas con la etiqueta <hr>. Para una mejor explicación, te dejo este enlace que explica su uso en el HTML y como darle estilo con CSS.

Que te sirva. Hasta Luego!

masterojitos · #3 (**permalink**) 23/07/2010, 16:06

eso puedes hacerlo de varias formas.....
una podria ser un div con esos tamaños y un borde... ^^
y el otro es el hr, con un color y el otro color seria el borde ^^

suerte

ArturoGallegos · #4 (**permalink**) 23/07/2010, 16:14

jejej por el zoom que hiciste yo diria que es un gif de 1x2 para dar los dos colores y lo insertaron con width 100%

pero vamos, usando el plugin firebug de firefox podrías saber exactamente como lo hicieron.

fabianconectado · #5 (**permalink**) 24/07/2010, 00:31

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
 
    <style type="text/css">
.line {
       background-color:#bfbebe;
       border-bottom:1px solid #ededed;
       height:1px;
    }
    </style>
    <title>LINEA GENIAL BY CFABRICA</title>
  </head>
  <body>
    <div class="line"></div>
  </body>
</html>