Autor: Gu Yanying
Inserte una tabla en Dreamweaver. Si establece su "Borde" en 1, su línea de borde será más gruesa al realizar la vista previa. Para los creadores de páginas web que no están familiarizados con el lenguaje HTML, ¿cómo pueden crear rápidamente tablas con bordes finos? A continuación, le presentaré un pequeño truco: utilice inteligentemente el color de fondo y el espaciado para crear tablas de bordes finos.
Tomemos como ejemplo la creación de una tabla con 4 filas y 3 columnas y un borde rojo delgado:
Paso 1 Inserte una tabla con 4 filas y 3 columnas en la vista de diseño de Dreamweaver.
Paso 2 Configure las propiedades de esta tabla en el panel "Propiedades" de la siguiente manera: margen (CellPad) establezca el valor según sea necesario (por ejemplo, 10; espacio (CellSpace) es 1; borde (Border) es 0; Color Bg) es rojo.
Paso 3 Seleccione todas las celdas de esta tabla y establezca las propiedades de todas las celdas en el panel "Propiedades" de la siguiente manera: El color de fondo (Bg) es un color que no sea blanco o rojo.
Finalmente, guarde la página web y presione F12 para obtener una vista previa. ¿Qué tal si se presenta frente a usted una delgada tabla de líneas rojas con 4 filas y 3 columnas?
Además, si queremos usar tablas para el diseño y posicionamiento como de costumbre, pero siempre que las líneas del borde exterior se muestren como líneas finas y los divisores de celda internos no se muestren, podemos usar tablas anidadas juntas. A continuación se utiliza la delgada línea roja como borde exterior de la tabla como ejemplo para ilustrar el método de operación:
Paso 1 Inserte una tabla con 1 fila y 1 columna en la vista de diseño de Dreamweaver.
Paso 2 Configure las propiedades de esta tabla en el panel "Propiedades" de la siguiente manera: "Margen" se establece según sea necesario (por ejemplo, 5); "Espaciado" es 0; "Color de fondo" es rojo;
Paso 3 Seleccione la única celda de esta tabla y establezca el "Color de fondo" de esta celda en un color que no sea blanco o rojo en el panel "Propiedades".
Paso 4 Coloque el cursor en la tabla con 1 fila y 1 columna e inserte una tabla anidada con varias filas y columnas según sea necesario. El "borde" de esta tabla anidada debe establecerse en 0, y el "margen" y el "espaciado". " se puede configurar o no según sea necesario, es posible que no se establezcan otros atributos.
De esta forma, podemos insertar texto, imágenes y otros elementos de la página web en diferentes celdas de la tabla anidada.
¿Estás un poco tentado? ¡Pruébalo ahora!