Dreamweaver MX 2004 crea tablas de líneas finas

Autor：Eve Cole Fecha de actualización：2009-05-31 21:27:02

Si simplemente define el borde de la tabla como 1 (border="1") y el valor del color del borde (como borderColor="#000000"), la línea de la tabla en realidad es de 2px. Para hacer una tabla de líneas delgadas, existe. Hay tres métodos:

1. Presione Ctrl+Alt+T en Dreamweaver para que aparezca el cuadro de diálogo para insertar una tabla. La configuración de los parámetros es como se muestra en la figura (los elementos con cuadros rojos son valores fijos; de lo contrario, no tienen ningún efecto):

Seleccione la tabla y establezca el color de fondo de la tabla en el panel de propiedades:

Coloque el cursor en la primera celda, mantenga presionada la tecla Mayús y haga clic en la última celda, seleccione todas las celdas y luego establezca el color de todas las celdas en el panel de propiedades:

El efecto final es el siguiente:

2. Utilice los atributos de borde oscuro (bordercolordark) y borde claro (bordercolorlight) de la tabla para crear una tabla de líneas delgadas:
O presione Ctrl+Alt+T para insertar la tabla y configúrela como se muestra en el cuadro de diálogo (los elementos con cuadros rojos son fijos; de lo contrario, no tendrán ningún efecto)

Después de seleccionar la tabla, presione F9 para expandir el grupo del panel "Inspector de etiquetas" y establecer la configuración en el panel "Atributos" como se muestra a continuación:

Una vez completado, se ve así:

3. Configure el colapso del borde del atributo CSS de la tabla para que se contraiga: presione Ctrl+Alt+T para insertar la tabla. La configuración del cuadro de diálogo es la misma que la del método 2. Seleccione la tabla y establezca el color del borde de la tabla en el panel de propiedades:

Presione F9 para expandir el panel "Inspector de etiquetas" y complete "border-collapse:collapse;" en "estilo" en el panel "Atributos".

Una vez completado, se ve así:

Nota: La tabla de líneas finas creada con el método 3 solo es adecuada para IE5+. El método más compatible es el método 1. El método 2 no es una tabla de líneas finas en sentido estricto.
Consejo: en el Método 1, puedes usar CSS para definir el color de fondo de las celdas de la tabla para reducir la cantidad de código:

<estilo>
.delgado{fondo:#000000}
.thin td{fondo:#FFFFFF}
</estilo>
<table width="200" border="0" cellspace="1" cellpadding="0" class="thin">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tabla>