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.
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.