Cómo personalizar el ancho y el alto de las celdas de una tabla usando CSS

El ancho y el alto en CSS se pueden implementar a través del ancho y el alto respectivamente. Luego, para el ancho y el alto de la celda, puede configurarlo a través de los siguientes estilos td{?width: 100px;?height: 50px;} ?/* Establece el ancho de la celda en 100px y el alto en 50px*/

Ejemplo:

Dado el elemento HTML lt; lt; trgt;lt;tdgt;1lt;/tdgt;lt;tdgt;2lt;/tdgt;lt;tdgt;345lt;/tdgt;lt;/trgt;

lt;trgt;lt;tdgt ;6789lt ;/tdgt;lt;tdgt;10lt;/tdgt;lt;tdgt;11lt;/tdgt;lt;/trgt;

lt;/tablegt;

Establecer el tabla de estilo de alto y ancho de celda{border-collapse: colapso;}

td{

borde:?1px?/* borde***

ancho: 100px; ?/* Ancho de celda***

alto: 50px; ?/* Alto de celda*/

text-align: center /* Alinear texto de celda*/

}

El efecto es el siguiente