Come modificare l'altezza del tavolo riga in CSS

July 6

Nelle pagine web, le tabelle mostrano i dati in un formato di facile lettura simile a quella di un foglio di calcolo. Dal momento che è possibile utilizzare Cascading Style Sheet codice (CSS) per cambiare il modo in cui qualsiasi parte di una pagina Web sembra, è anche possibile utilizzarlo per modificare l'altezza delle righe della tabella. L'aggiunta di nomi di classe di righe della tabella che si desidera raggiungere in CSS ti dà la possibilità di scrivere un pezzo di codice CSS e riutilizzarla come molte righe della tabella di cui hai bisogno. Targeting ogni riga in ogni tabella della pagina è anche possibile.

istruzione

1 Vai alla barra delle applicazioni di Windows e digitare "Blocco note" per la casella di ricerca. In alternativa, digitare il nome di un editor di codice, se è stato installato uno sul vostro computer. Passare a "File" sulla barra degli strumenti superiore e aprire la pagina Web che contiene la tabella.

2 Individuare i "<head>" tag nella tua pagina web e controllare se "<style>" già esistono tag lì. Aggiungere questo codice tra "<head>" tag, se non è già presente:

<Style type = "text / css">

</ Style>

3 Scorrere verso il basso nel codice e cerca il tuo tavolo. Ovunque si trova una riga della tabella che ha bisogno di un adeguamento della sua altezza, aggiungere un nome di classe:

<Class TR = "alto">

<Td> cella di tabella </ td>

<Td> cella di tabella </ td>

</ Tr>

È possibile riutilizzare i nomi delle classi in HTML e poi scrivere un blocco di codice CSS che cambia tutti gli elementi con lo stesso nome della classe.

4 Torna al tuo "<style>" tag e scrivere il codice CSS:

.tall {

Altezza: 50px;

}

Il codice di cui sopra dà una riga della tabella con il nome della classe "alto" un'altezza di 50 pixel.

Consigli e avvertenze

  • È inoltre possibile indirizzare ogni riga in ogni tabella della pagina Web utilizzando questo codice: tr {height: 20px; }
  • Eseguire sempre il backup dei file del tuo sito web prima di modificarli.