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.