Borde con lineas discontinuas Julio 9, 2007
Publicado por lineadecodigo en : CSS , trackbackMediante CSS podemos manipular los bordes de los elementos HTML de una forma muy sencilla. La propiedad CSS que nos permite indicar que tipo de borde queremos es border-style.
En el caso que queramos utilizar un borde con líneas discontinuas, el valor a aplicar es "dashed".
Lo primero que tenemos que hacer es definir el estilo. Para ello, podemos crearnos un estilo propio, o bien aplicárselo directamente a uno de los elementos.
En el caso que queramos definir un estilo lo haremos de la siguiente forma:
<style type="text/css">
.borde_discontinuo{
border-style:dashed;
}
</style>
y en el caso de aplicarlo sobre un elemento (en nuestro caso una tabla) lo haremos de la siguiente forma:
<style type="text/css">
table{
border-style:dashed;
}
</style>
Para aplicar estos estilos deberemos de utilizar el atributo class sobre el elemento que queramos aplicar el estilo. Por ejemplo, si queremos utilizar sobre una imagen, tendríamos la siguiente línea de código:
<img src="lineadecodigo.miniatura.jpg" class="borde_discontinuo">
En el caso de que hayamos definido el estilo sobre un elemento, simplemente tendremos que utilizar el elemento HTML en nuestra página web.
Visualizar el ejemplo | Descargar el código
Articulos Similares:
- Bordes con puntos
- Borde con doble linea mediante CSS
- Imagenes con borde
- Bordes 3D con CSS
- Cambiar estilos dinámicamente
Enviar entrada por email
|
Imprimir
| 4528 visitas





Comentarios»
Todavía no hay comentarios. ¿Quieres ser el primero?