Por Lucas Ansalone

SOBRE COPYRIGHT: Prohibida su reproducción total o parcial, si usted desea tener uno en su sitio web puede hacerlo pero solo añadiendo un enlace a nuestro SITIO!, use el siguiente código en su página!

<a href="http://www.trucosinformaticos.com" target="_blank"><strong>Trucos PC</strong></a>

En este pequeño recurso te vamos a enseñar como crear tus tablas con bordes punteados para que no se vean como todos los sitios webs.

Esto se hace utilizando CSS, que son hojas de estilo, las CSS nos permiten tener el contenido separado del diseño, por eso yo siempre aconsejo utilizarlas, de esta manera pueden ofrecer a sus usuarios el poder utilizar el diseño que ellos quieran más alla del contenido, es decir cada usuario verá tu sitio web como guste.

Tambien nos sirve a nosotros como webmasters para poder cambiar el diseño una sola vez y no hacerlo página por página ya que sería una labor tediosa.

Pero bueno, veamos como debemos hacerlo, entre <style> y </style> ponemos este código:

.punteado{
border-style: dotted;
border-width: 1px;
border-color: 0099FF;
background-color: FFFFFF;
font-family: verdana, arial;
font-size: 10pt;
}

Veamos cada parte del código:

Tenemos, border-style: dotted, este nos indica que tipo de borde queremos que tenga la tabla, dotted es punteado, luego vemos que dice width, este es el ancho, luego el color del borde, yo elegi uno al azar, tu puedes poner el que gustes, luego background que es el fondo, blanco en este caso (FFFFFF), luego los tipos de letras que van en la tabla y el tamaño.

Como ves es muy sencillo y podemos personalizarlo como queramos.