Come rimuovere la sottolineatura blu dal collegamento in CSS

I collegamenti in HTML sono collegamenti ipertestuali con cui è possibile saltare in un altro sito. In web design, i collegamenti sono connessioni tra due risorse Web, ad esempio immagini, video, file PDF e pagine Web.

In HTML, viene creato un collegamento utilizzando il tag. All'interno del tag, è possibile specificare l'URL e il testo del collegamento. Quando viene aggiunto un collegamento, viene visualizzata una sottolineatura sotto il collegamento; Tuttavia, la proprietà di decorazione del testo può essere utilizzata per rimuoverla.

Questo post prenderà in considerazione alcuni esempi per spiegare gli aspetti di seguito:

• Proprietà di decorazione del testo in CSS
• Come rimuovere sottolinea da un collegamento?

Quindi, iniziamo!

Proprietà di decorazione del testo in CSS

Per applicare qualsiasi tipo di decorazione al testo, viene utilizzata la proprietà di decorazione del testo. Ad esempio, la proprietà di decorazione del testo ci aiuta a cambiare il colore del testo, lo stile e la linea di decorazione.

Sintassi

Innanzitutto, capiremo la sintassi della proprietà di decorazione del testo:

Decisore del testo: riga | colore | stile;

La decorazione del testo è una proprietà stensa per le proprietà CSS di seguito:

• Line di decorazione del testo: Viene utilizzato per aggiungere una riga sul testo.
• text-decoration-color: Viene utilizzato per applicare il colore alla linea del testo.
• Testo-decorazione-spessore: Specifica lo spessore della decorazione della linea.
• stile decorazione del testo: Questa proprietà imposta lo stile della linea.

Con l'uso della proprietà di decorazione del testo, rimuoveremo la sottolineatura dal collegamento nell'esempio seguente.

Come rimuovere sottolinea da un collegamento?

In HTML, quando aggiungiamo un collegamento, viene visualizzata la riga sotto il testo del collegamento che può essere rimossa utilizzando la proprietà di decorazione del testo.

Esempio

Useremo il tag per definire un collegamento ipertestuale. HREF è il riferimento ipertestuale del sito e viene utilizzato per fornire l'indirizzo del sito. Dopo aver fornito l'indirizzo, specificare il nome del collegamento perché il collegamento non viene visualizzato sul sito. Solo il nome che diamo sarà visibile:

Facebook

Puoi vedere che appare una linea su Facebook, che indica che un collegamento ipertestuale è allegato ad esso:

Ora passeremo al CSS e rimuoveremo il sottolinea blu.

Qui, "UN"Si riferisce al collegamento che abbiamo assegnato nella sezione HTML. Imposteremo l'attributo della proprietà di decorazione del testo come "nessuno".

UN
DECORAZIONE DEL TESTO: Nessuno;

L'output mostra che la sottolineatura blu è stata rimossa dopo l'assegnazione del "nessuno"Attributo alla proprietà di decorazione del testo:

Abbiamo offerto il metodo relativo alla rimozione del blu sottoline dal collegamento in CSS.

Conclusione

Per rimuovere la sottolineatura blu da un collegamento, la proprietà di decorazione del testo viene utilizzata in CSS. Per farlo, imposta il “decorazione del testo"Il valore della proprietà come"nessuno". Questo articolo ha spiegato il funzionamento della proprietà di decorazione del testo e come usarlo per rimuovere la sottolineatura blu dalla linea con l'aiuto di esempi adeguati.