Borde de la mesa HTML

"Un borde de la tabla define los límites de una tabla más allá de la cual no puede expandir esta tabla. En HTML, puede crear diferentes tipos de bordes para sus tablas para que se vean más fascinantes. En esta guía, le enseñaremos los conceptos básicos de crear las fronteras de la mesa en HTML guiándole algunos ejemplos."

Cómo crear una mesa con un borde en HTML?

Hay diferentes tipos de bordes de mesa que están disponibles en HTML. Puedes usar estos bordes de acuerdo con tu propia elección. Sin embargo, en los tres ejemplos enumerados a continuación, compartiremos con usted los métodos para crear tres de los bordes de mesa más utilizados en HTML.

Ejemplo 1: Creación de un borde de mesa colapsado

Un borde de mesa colapsado es el que los bordes de todas las células de una tabla colapsan y se fusionan en un solo borde sólido. En este ejemplo, le mostraremos cómo puede crear un borde de mesa colapsado en HTML utilizando el siguiente script HTML:

En este ejemplo, hemos creado una tabla en HTML con la ayuda de la etiqueta de la tabla. Hemos seleccionado un borde de "negro sólido de 1 píxel" para esta tabla, y también hemos elegido este borde para colapsar, yo.mi., Todas las células de la tabla tendrán el mismo borde. Luego, queríamos que esta tabla tuviera dos columnas diferentes, a saber, "empleado" y "designación" y queríamos tener los registros de dos empleados diferentes en esta tabla. Por lo tanto, hemos mencionado los nombres de esos empleados y sus respectivas designaciones dentro de etiquetas separadas de "TR" y "TD" de HTML.

Cuando ejecutamos el script HTML mencionado anteriormente, nuestra tabla con borde colapsado apareció en la página web, como se muestra en la imagen a continuación:

Ejemplo 2: Crear un borde de mesa invisible

Un borde de la mesa invisible es el que elegimos un color de fondo para todas las celdas de nuestra mesa mientras mantenemos el color del borde de la mesa como "blanco" por lo que parece que nuestra mesa no tiene borde. Para crear dicha tabla en HTML, deberá usar el siguiente script HTML:

En este script, hemos establecido el color de nuestro borde de la mesa como blanco para que pueda parecer invisible. Luego, hemos elegido el color de fondo aleatorio para todas las células de nuestra tabla. Después de eso, utilizamos las mismas entradas de tabla que usamos en nuestro primer ejemplo.

Ahora, cuando ejecutamos este script HTML, nuestra tabla con un borde invisible apareció en la página web, como se muestra en la imagen a continuación:

Ejemplo 3: Crear un borde de mesa punteado

Como dice el nombre, un borde de la mesa punteado es aquel cuyo borde está en forma de puntos en lugar de ser sólido. Para crear dicha tabla en HTML, deberá consultar el siguiente script:

En este guión de ejemplo, hemos elegido el estilo de borde punteado para nuestra mesa. Después de eso, el resto de las entradas de la tabla son exactamente las mismas que hemos usado en nuestros dos primeros ejemplos.

Tras la ejecución, este script HTML hizo una tabla con un borde punteado en la página web, como se muestra en la imagen a continuación:

Conclusión

Este tutorial fue creado para demostrar el uso y la creación de las fronteras de la mesa en HTML. Para explicarle eso en detalle, hablamos sobre tres tipos diferentes de bordes de mesa en HTML. Puede ver claramente el impacto de cambiar el estilo de borde en el aspecto general de su tabla a partir de los ejemplos que se muestran anteriormente. Por lo tanto, ahora, puede elegir convenientemente el borde de la mesa que mejor le guste y crearlo en segundos. Además, también puede explorar otros bordes de mesa que están disponibles en HTML por su cuenta.