Ejemplo simple de HTML haciendo una tabla de línea delgada

Con respecto al método para hacer esta tabla de línea delgada, Baidu puede tener una respuesta para indicarle que establezca estos valores: set border = 0 cellPacing = 1 bgcolor =#990033 para la tabla, y establecer el color de fondo por separado para la celda, por ejemplo: bgcolor =#fff. Sin embargo, probablemente no haya una explicación detallada sobre por qué se establecen estos valores.

Así que hoy pensé de repente en registrar los principios de esta tabla de línea delgada. También es porque he estado enseñando a los estudiantes lecciones básicas en estos días. Los estudiantes no entienden muy bien los principios de esta tabla de línea delgada, por lo que si desea principiantes, probablemente encontrará problemas similares, por lo que aquí hablaré sobre por qué se establecen estos valores.

Primero, echemos un vistazo al efecto al establecer el valor del borde de la tabla en 1. Incluso si el borde = 1 y la distancia entre las celdas de celda = 0, el grosor de la tabla todavía parece difícil:

Echemos un vistazo a lo que se produce el efecto haciendo tablas de línea delgada:

En contraste, las tablas detrás son más refinadas.

Así que ahora resumiré los pasos para hacer una tabla de línea delgada:

Pasos para hacer una tabla de línea delgada:

1. Establezca el color de fondo de la tabla (es decir, el color del borde de la tabla visual);
2. Establezca el color de fondo de TD (celda) (visualmente el color general de toda la tabla)
3. Establezca el valor del borde de la tabla en 0 (borde = 0), y el valor de separación es 1 (celda -spacing = 1, de modo que el color de fondo de la tabla se muestra a través de este espacio, convirtiéndose en un borde visual).

Análisis: El color de fondo de la tabla es en realidad la línea delgada que se ve en la forma visual, porque establecemos el borde en 0 y el espacio entre las celdas se establece en 1, entonces el color de fondo de la tabla es el color revelado a través del espacio de este píxel. Establezca el color de fondo de la celda para distinguirlo del color de fondo de la tabla. Para una mejor comprensión, usaré imágenes para analizarlo aquí:

1. Suponga que el siguiente borde de la tabla = 1, se muestra de la siguiente manera:

2. Cuando se establece el espaciado celular, CellPacing = 0, dos bordes de 1 píxel están uno al lado del otro, y el borde aparecerá grueso:

Por lo tanto, el efecto de línea delgada no se puede establecer por borde = 1

Luego usamos el método de línea delgada para hacer el siguiente principio:

Si este artículo es útil para usted, recomiéndelo

Dirección original: http://www.cnblogs.com/xcaocao/p/5643351.html