Tecnología

Inicio

Cómo cambiar la altura de fila de tabla en CSS

En las páginas Web, tablas muestran datos en un formato de fácil lectura similar a la de una hoja de cálculo. Ya que se puede usar Cascading Style Sheet código (CSS) para cambiar la forma en cualquier parte de una página web se ve, también se puede utilizar para cambiar la altura de las filas de la tabla. Adición de nombres de clases de filas de la tabla que desea orientar en CSS le da la capacidad de escribir un trozo de código CSS y volverlo a usar en la mayor cantidad de filas de la tabla como sea necesario. Orientación de cada fila de cada tabla de la página también es posible.

Instrucciones

1 Ir a la barra de tareas de Windows y escriba "Bloc de notas" en la caja de búsqueda. Como alternativa, escriba el nombre de un editor de código si se ha instalado uno en su ordenador. Vaya a "Archivo" en la barra de herramientas superior y abra la página Web que contiene la tabla.

2 Busque la sección "<head>" etiquetas en su página web y comprobar si alguno "<style>" etiquetas ya existen allí. Añada este código entre el "<head>" etiquetas si no está ya allí:

<Style type = "text / css">

</ Style>

3 Desplazarse hacia abajo en el código y buscar su mesa. Dondequiera que encuentre una fila de la tabla que necesita un ajuste de su altura, añadir un nombre de clase:

<Tr class = "vertical">

<Td> celda de tabla </ td>

<Td> celda de tabla </ td>

</ Tr>

Puede volver a utilizar los nombres de clases en HTML y luego escribir un bloque de código CSS que cambia todos los elementos con el mismo nombre de la clase.

4 Volver a sus "<style>" etiquetas y escribir el código CSS:

.alto {

altura: 50px;

}

El código anterior le da a cualquier fila de la tabla con el nombre de clase "de altura" una altura de 50 píxeles.

Consejos y advertencias

  • También puede dirigirse a cada fila de cada tabla de la página web utilizando este código: tr {height: 20px; }
  • Siempre una copia de seguridad de los archivos de su sitio web antes de editarlos.