Come Cambiare Il Carattere Del Collegamento

Sommario:

Come Cambiare Il Carattere Del Collegamento
Come Cambiare Il Carattere Del Collegamento

Video: Come Cambiare Il Carattere Del Collegamento

Video: Come Cambiare Il Carattere Del Collegamento
Video: Cambiare i caratteri in windows 10 2024, Novembre
Anonim

La modifica dei parametri di visualizzazione dei collegamenti in html può essere eseguita utilizzando fogli di stile CSS a cascata. Consentono di personalizzare la visualizzazione del carattere del collegamento, il suo colore prima che l'utente faccia clic su di esso e dopo il clic del mouse. È inoltre possibile modificare il carattere tipografico del carattere utilizzato e la sua dimensione.

Come cambiare il carattere del collegamento
Come cambiare il carattere del collegamento

Istruzioni

Passo 1

Classi e pseudo-classi vengono utilizzate per impostare i parametri di collegamento in css. La pseudo-classe a: collegamento imposta lo stile per un collegamento regolare, a: visitato consente di personalizzare la visualizzazione di un collegamento già utilizzato. A: active gestisce i parametri del tag quando si fa clic con il cursore sull'elemento e a: hover imposta lo stile del collegamento quando ci passi sopra. Puoi anche creare tu stesso qualsiasi classe per l'elemento e nei parametri utilizzare operatori standard per formattare il testo.

Passo 2

Per disabilitare la visualizzazione della sottolineatura del testo del link nel browser, utilizzare il parametro text-decoration: none. Puoi specificare questo attributo sia in una classe che in una pseudo-classe per un elemento. Per modificare il colore del collegamento, utilizzare il parametro color, per la dimensione - l'attributo standard della dimensione del carattere. Se vuoi includere il grassetto o il corsivo, usa il parametro font-weight.

Passaggio 3

Apri il tuo file html con qualsiasi editor di testo che usi per modificare il codice della pagina. Successivamente, vai a una sezione del tuo documento e imposta il codice CSS per i futuri collegamenti sulla pagina utilizzando un handle. Per esempio:

Modifica dei collegamenti

a: link {text-decoration: none;

dimensione del carattere: 14px;

font-weight: grassetto;

colore rosso; }

Passaggio 4

Questo codice rimuove la sottolineatura da un collegamento normale, imposta la dimensione del testo su 14 pixel, applica uno stile in grassetto e il colore rosso dell'elemento. Ora qualsiasi collegamento nel tag verrà visualizzato in questo modo.

Passaggio 5

Puoi applicare uno stile per ogni collegamento specifico usando le classi CSS. Pertanto, se il codice nel tag è simile a:

a.link1 {font-size: 20px; colore nero;}

Passaggio 6

Puoi impostare la dimensione del collegamento a 20 pixel e nero utilizzando la classe nel corpo del documento come segue:

collegamento

Dall'esempio puoi vedere che al link è stata assegnata la classe del codice css step back creato specificando l'attributo class del link. Questo collegamento verrà ora visualizzato in nero e avrà una dimensione di 20 pixel. Per modificare questo attributo, modifica il codice css della sezione della pagina.

Passaggio 7

La modifica dell'aspetto del collegamento è completata, è possibile salvare le modifiche apportate nel file ed eseguirlo per la visualizzazione in un browser.

Consigliato: