CSS » Borde con doble linea mediante CSS
Siguiendo con los ejemplos de tipos de bordes. Ya hemos visto:
Vamos a ver como hacer que la línea del borde sea doble. Para ello utilizamos nuevamente el atributo border-style. En este caso, el valor que hay que darle, para que la línea sea doble es "double".
Las formas de definir un estilo son varias. Por ejemplo podemos hacerlo mediante la etiqueta <STYLE> o directamente mediante el atributo style de los elementos HTML.
Para este ejemplo vamos a utilizar la segunda forma. Vamos a definir una capa de contenido y ha aplicarle el estilo de borde con línea de doble.
La linea de código sería la siguiente:
<div style="border-style:double"> ... </div>
Aunque podemos definirlo en cualquier otro elemento. Por ejemplo, en una imagen:
<img src="/lineadecodigo.miniatura.jpg" style="border-style:double">
Artículos relacionados:
Agosto 5, 2009 #
pero… como puedo elegir los colores??
Enero 18, 2010 #
Una forma que permite elegir la separación entre las líneas y el color es la siguiente:
style=”border: 5px double red;”
De esta manera la doble línea tendrá una separación de 5px será de color rojo. Ambas cosas se pueden cambiar a gusto, si en vez de 5px se pone 10px la separación será mayor, y en lugar de red (rojo) se puede poner otro color.
Julio 28, 2010 #
señores: si les es de ayuda, para probar los codigos si necesidad de insertarlo inmediatamente en su pagina usen el real time html editor (funciona solo con html y css) ahorras tiempo dado que puedes ver los resultados antes de aplicar el codigo buscado, ademas puedes modificar en linea el codigo origina y los reslutados son en tiempo real, en la parte superior pegas el codigo y en la inferior se ve el resultado, ojala les sirva aqui les dejo la direccion:
http://htmledit.squarefree.com/
Febrero 16, 2011 #
mira lo que yo quiero saber es aprender a utilizar este tipo de lineas
————————————————————
lo que pasa es que estoy haciendo un ejercicio con ese tipo de estilo pero no tengo ni idea de como hacerlo bueno seguire buscando apenas voy iniciando estas cosas agradeceria mucho su respuesta en caso de que no encontrar lo que busco
adiios