Hvordan endre tabellen Row Høyde i CSS

I websider, tabeller viser data i et lettlest format lik som et regneark. Siden du kan bruke Cascading Style Sheet (CSS) kode for å endre måten en del av en webside ser ut, kan du også bruke den til å endre høyden på tabellrader. Legge klasse navn til tabellrader du ønsker å målrette i CSS gir deg muligheten til å skrive en del av CSS-kode og bruke det på så mange tabellrader som du trenger. Targeting hver rad i hver tabell på siden er også mulig.

Bruksanvisning

1 Gå til oppgavelinjen i Windows, og skriv "Notepad" i søkeboksen. Alternativt, skriv inn navnet på en kode editor hvis du har installert en på din datamaskin. Naviger til "Fil" på verktøylinjen øverst og åpne websiden inneholder tabellen.

2 Finn "<head>" koder på websiden og sjekk om noen "<style>" tags allerede finnes der. Legg denne koden mellom "<head>" koder hvis det ikke allerede er der:

<Style type = "text / css">

</ Style>

3 Bla nedover i koden og se på tabellen. Uansett hvor du finner et bord rad som trenger en justering av høyden, legger en klasse navn:

<Tr class = "høy">

<Td> tabellcelle </ td>

<Td> tabellcelle </ td>

</ Tr>

Du kan bruke klassenavn i HTML og senere skrive en blokk med CSS-kode som endrer alle elementer med samme klasse navn.

4 Gå tilbake til "<style>" tags og skrive CSS-kode:

.høy {

høyde: 50 piksler;

}

Koden ovenfor gir ethvert bord rad med klassenavnet "høy" en høyde på 50 piksler.

Hint

  • Du kan også målrette hver rad i hver tabell på websiden bruker denne koden: tr {height: 20px; }
  • Alltid sikkerhetskopiere nettstedets filer før du redigerer dem.