Come Evidenziare Un Collegamento Con Il Colore

Sommario:

Come Evidenziare Un Collegamento Con Il Colore
Come Evidenziare Un Collegamento Con Il Colore

Video: Come Evidenziare Un Collegamento Con Il Colore

Video: Come Evidenziare Un Collegamento Con Il Colore
Video: METODO DI STUDIO CON IL COLOR-CODE! |SL 2024, Aprile
Anonim

Il linguaggio di markup HTML ha un gran numero di opzioni per la visualizzazione degli elementi nella finestra del browser. Per modificare i parametri grafici, impostare il colore sugli elementi della pagina, viene spesso utilizzato CSS, che consente di mettere a punto il colore del testo desiderato.

Come evidenziare un collegamento con il colore
Come evidenziare un collegamento con il colore

Istruzioni

Passo 1

Per modificare il parametro di visualizzazione del collegamento, è necessario modificare il codice della pagina. Apri il tuo documento HTML con un'utilità di modifica del codice. Utilizzare l'editor standard di Windows "Blocco note". Puoi anche installare programmi aggiuntivi come Notepad ++ o HTML-Viewer che ti permetteranno di visualizzare il codice di cui hai bisogno con l'evidenziazione della sintassi. Per aprire il file nell'editor, fai clic con il pulsante destro del mouse e seleziona "Apri con". Nell'elenco che appare, specifica l'utilità che hai selezionato.

Passo 2

Nella finestra dell'editor, vai al collegamento di cui vuoi cambiare il colore. Ogni collegamento ha il modulo Nome collegamento. Per cambiare il colore del testo, usa il parametro style.

Passaggio 3

Dopo aver selezionato la riga da modificare, vai al blocco della pagina. Dopo il descrittore di chiusura, inserisci il tag e crea la pseudo-classe CSS desiderata. Per esempio:

.colorchange {colore: rosso;

sfondo: blu;

imbottitura: 1px; }

Passaggio 4

Questo codice crea una pseudo-classe denominata colorchange che può essere utilizzata negli attributi di collegamento. Il parametro color è responsabile del colore del testo dell'elemento: in questo caso, viene impostato il valore rosso, che creerà il testo in rosso. Puoi aggiungere qualsiasi valore HTML a questo elemento. Il colore di sfondo del collegamento viene impostato tramite il parametro background. Il parametro padding è responsabile dell'indentazione del collegamento rispetto ad altri elementi.

Passaggio 5

Dopo aver creato una pseudo-classe, deve essere impostata nel corpo del documento stesso. Torna alla sezione del codice in cui si trova il tuo link. Modificalo digitando il parametro class e assegnandogli un valore con il nome della pseudo-classe CSS. Per esempio:

Nome collegamento Link

Passaggio 6

Creerai un collegamento rosso con uno sfondo blu e un'imbottitura di 1 pixel come specificato nel CSS sopra. Salva le modifiche apportate al file e chiudi la finestra dell'editor. Per verificare il codice specificato, apri la tua pagina in una finestra del browser per assicurarti che le impostazioni effettuate siano corrette. L'evidenziazione del collegamento con il colore è completata.

Consigliato: