Come cambiare un colore di sfondo tabella in Hover Wordpress

August 13

Le tabelle mostrano i dati in righe e colonne. Esempi di informazioni che funzionano bene nelle tabelle includono i profitti all'anno o caratteristiche per collo. WordPress permette di codificare il proprio tavolo nei post, fino a quando si utilizza conforme agli standard XHTML. Il modo migliore per tavoli in stile in WordPress è quello di modificare il foglio di stile, in modo che tutte le tabelle condividono la stessa formattazione. Per cambiare i colori di sfondo su stati hover, usare ": hover" sulle celle della tabella. Questo permette agli utenti di evidenziare i singoli pezzi di dati.

istruzione

1 Accedi al tuo blog WordPress e passare alla "Aspetto" dalla barra laterale. Vai a "Editor" e scorrere fino al fondo del codice "style.css" visualizzato nella finestra dell'editor.

2 Scrivi una regola di stile CSS che gli obiettivi dello stato presso le celle della tabella:

td: hover {
}

In questo esempio, "td" rappresenta i "<td>" tag nel codice HTML dei file di modello. Il ": hover" selettore, quando aggiunto come mostrato, dice al browser di utilizzare solo questa regola di stile quando un utente passa il mouse sopra il tag selezionato.

3 Aggiungere la proprietà "background-color" per la vostra regola di stile e utilizzarlo per impostare lo sfondo cambiato per quella cella:

td: hover {
background-color: azzurro;
}

Utilizzare un colore di nome o di un codice di colore esadecimale. È possibile ottenere i codici esadecimali da raccoglitori di colore in linea.

4 Fare clic sul pulsante "Aggiorna file" nella parte inferiore dello schermo "modificare i temi" per salvare il lavoro.