I siti Web accattivanti spesso richiedono l'aggiunta di diverse metodologie di stile di volta in volta. In tali situazioni, lo stile della decorazione del testo può essere eseguito in più modi in base a valori diversi secondo i requisiti per far risaltare il sito.
Questo blog coprirà le seguenti aree di contenuto:
Come impostare lo stile di decorazione del testo in Tailwind CSS?
Lo stile del testo può essere impostato e decorato con l'aiuto del pulsante “ stile-decorazione-testo ”immobile allocato con valori stilistici diversi.
Proprietà dello stile di decorazione del testo
| Classe | Proprietà |
| decorazione solida | stile decorazione testo: solido; |
| decorazione-doppia | stile decorazione testo: doppio; |
| decorazione-ondulata | stile decorazione testo: ondulato; |
| decorazione tratteggiata | stile decorazione testo: tratteggiato; |
| decorazione punteggiata | stile decorazione testo: punteggiato; |
Esempio: impostazione dello stile di decorazione del testo in Tailwind CSS
Questo esempio utilizza il sopra discusso ' stile-decorazione-testo ” con tutti i valori per definire lo stile del testo del paragrafo:
DOCTYPEhtml >< html >
< Testa >
< meta set di caratteri = 'utf-8' >
< meta nome = 'vista' contenuto = 'larghezza=larghezza-dispositivo, scala-iniziale=1' >
< sceneggiatura src = 'https://cdn.tailwindcss.com' > sceneggiatura >
Testa >
< corpo >
< div >
< P classe = 'sottolineare la decorazione-solido...' > Questo è il sito web di Linuxhint P >
< P classe = 'sottolineare la decorazione-doppio...' > Questo è il sito web di Linuxhint P >
< P classe = 'sottolineare la decorazione ondulata...' > Questo è il sito web di Linuxhint P >
< P classe = 'sottolinea la decorazione tratteggiata...' > Questo è il sito web di Linuxhint P >
< P classe = 'sottolineare la decorazione punteggiata...' > Questo è il sito web di Linuxhint P >
div >
corpo >
html >
Sulla base di questo codice, applicare i seguenti passaggi:
-
- Includere il dato ' CDN ' percorso all'interno del '
' per applicare le funzionalità Tailwind. - Ora crea quattro paragrafi utilizzando il comando ' ' tag contenente il ' decorazione del testo 'proprietà assegnata con un valore diverso in ciascun caso, come discusso.
- Ciò sottolinea di conseguenza il testo con linee continue, doppie, ondulate, tratteggiate e punteggiate.
- Includere il dato ' CDN ' percorso all'interno del '
Produzione
Da questo risultato si verifica che il testo è stato decorato di conseguenza.
Conclusione
Lo stile del testo può essere impostato e decorato con l'aiuto del pulsante “ stile-decorazione-testo ”immobile allocato con valori stilistici differenti. Questi valori includono solido, doppio, ondulato, tratteggiato e punteggiato. Questo blog riguardava l'impostazione dello stile di decorazione del testo utilizzando Tailwind CSS.