Hvordan endre en tabell bakgrunnsfarge i Hover Wordpress

Tabellene viser data i rader og kolonner. Eksempler på informasjon som fungerer godt i tabellene omfatter fortjeneste per år eller funksjoner per pakke. WordPress lar deg å kode din egen tabell i innleggene, så lenge du bruker standard-kompatibel XHTML. Den beste måten å style tabeller i WordPress er å redigere stilark, slik at alle bordene har samme formatering. For å endre bakgrunnsfarger på hover statene, bruke ": hover" på tabellceller. Dette tillater brukere å markere individuelle deler av data.

Bruksanvisning

1 Logg inn på din WordPress blogg og naviger til "Utseende" fra sidelinjen. Gå til "Editor" og bla ned til bunnen av "style.css" koden som vises i redigeringsboksen.

2 Skriv en CSS stil regel som er rettet mot hover staten tabellceller:

td: hover {
}

I dette eksempelet "td" representerer "<td>" tagger i HTML-koden på malen filer. Den ": hover" velgeren, når det legges som vist, forteller leseren å bare bruke denne stilen regelen når en bruker svever henne musen over den valgte koden.

3 Legg til "background-color" eiendom til din stil regelen og bruke den til å sette den endrede bakgrunnen for at cellen:

td: hover {
background-color: lyseblå;
}

Bruk enten en navngitt farge eller en heksadesimal fargekode. Du kan få heksadesimale koder fra online fargevelgere.

4 Klikk på "Update File" knappen nederst på "Rediger Temaer" skjermen for å lagre arbeidet ditt.