Linea de Codigo

Mediante 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