 |
 Estás en: HTML» Trucos » Tablas de bordes punteados
Trucos y preguntas frecuentes sobre diseño en HTML
¿Cómo se pueden hacer tablas con bordes punteados?
Si no tienes conocimientos de CSS, este tutorial te ayudará a crear tablas con bordes punteados. Tan sólo tienes que seguir dos pasos:
1º-. Copia el siguiente código dentro de la etiqueta <head></head>. Este código establece el estilo CSS de la tabla que vamos a crear.
<style type="text/css">
table.bordepunteado1 { border-style: dotted; border-width: 2px; border-color: #004080; }
</style>
Aclaraciones:
- "table.bordepunteado" es el nombre que hemos puesto a este estilo de tabla, pero tú puedes poner cualquier otro. (p. ej: table.tablaconbordesdepuntos)
- "border-style: dotted" es la parte del código que indica el borde punteado (déjalo como está).
- border-width: 4px; = aquí se indica el grosor del borde. En nuestro ejemplo, 4 pixels. Prueba a cambiar este valor por otros.
- border-color: #004080; =color del borde de nuestro ejemplo. Elige tú el color que prefieras.
2º-. Crea tu tabla dentro de la etiqueta <body>, en el lugar que quieras que aparezca. Si no sábes cómo crear tus propias tablas, mírate el tutorial de HTML: Tablas.
Cuando esté lista, escribe dentro de la etiqueta <table> el parámetro class="bordepunteado1" (este es el nombre de nuestro ejemplo, utiliza tú el nombre que le diste en el paso anterior).
Ejemplo:
| Código |
En el navegador |
<table width="85%" border="0" align="center" cellpadding="5" cellspacing="0" class="bordepunteado1">
<tr>
<td colspan="2" align="center" valign="middle"> </td>
</tr>
</table> |
|
|
|
| |
|
|
