Lietotājiem pievilcīgām vietnēm ik pa laikam ir jāpievieno vairākas stila metodoloģijas. Šādās situācijās teksta dekorēšanas stilu var veikt vairākos veidos, pamatojoties uz dažādām vērtībām atbilstoši prasībām, lai vietne būtu izcila.
Šis emuārs aptvers šādas satura jomas:
Kā iestatīt teksta dekorēšanas stilu Tailwind CSS?
Teksta stilu var iestatīt un dekorēt, izmantojot ' teksts-dekorācijas stils ” īpašums, kas piešķirts ar dažādām stila vērtībām.
Teksta dekorēšanas stila īpašības
| Klase | Īpašības |
| dekorācija-cieta | teksta dekorēšanas stils: ciets; |
| dekorācija-dubultā | teksta dekorēšanas stils: dubultā; |
| dekorācija-viļņota | teksts-dekorācijas stils: viļņains; |
| dekorācija-svītrots | text-decoration-style: svītrots; |
| dekorācija-punktēta | text-decoration-style: punktēts; |
Piemērs: teksta dekorēšanas stila iestatīšana programmā Tailwind CSS
Šajā piemērā ir izmantots iepriekš apspriestais ' teksts-dekorācijas stils ” rekvizīts ar visām vērtībām rindkopas teksta stilam:
DOCTYPE html >< html >
< galvu >
< meta rakstzīmju kopa = 'utf-8' >
< meta nosaukums = 'skata logs' saturu = 'platums=ierīces platums, sākotnējais mērogs=1' >
< skripts src = 'https://cdn.tailwindcss.com' > skripts >
galvu >
< ķermeni >
< div >
< lpp klasē = 'pasvītrot dekorāciju - ciets...' > Šī ir Linuxhint vietne lpp >
< lpp klasē = 'pasvītrot dekorāciju - dubultā ...' > Šī ir Linuxhint vietne lpp >
< lpp klasē = 'pasvītrot dekorāciju-viļņotu...' > Šī ir Linuxhint vietne lpp >
< lpp klasē = 'pasvītrot dekorāciju ar svītru...' > Šī ir Linuxhint vietne lpp >
< lpp klasē = 'pasvītrot dekorāciju ar punktētu...' > Šī ir Linuxhint vietne lpp >
div >
ķermeni >
html >
Pamatojoties uz šo kodu, veiciet tālāk norādītās darbības.
-
- Iekļaut doto ' CDN ceļš iekšā
” tagu, lai lietotu Tailwind funkcijas. - Tagad izveidojiet četras rindkopas, izmantojot ' ' atzīme, kas satur ' teksta dekorēšana ” īpašums tiek piešķirts ar atšķirīgu vērtību katrā gadījumā, kā apspriests.
- Tādējādi teksts tiek pasvītrots ar viengabalainām, dubultām, viļņotām, pārtrauktām un punktētām līnijām.
- Iekļaut doto ' CDN ceļš iekšā
Izvade
No šī rezultāta tiek pārbaudīts, vai teksts ir atbilstoši dekorēts.
Secinājums
Teksta stilu var iestatīt un dekorēt, izmantojot ' teksts-dekorācijas stils ” īpašums, kas piešķirts ar dažādām stila vērtībām. Šīs vērtības ir viengabalains, dubults, viļņots, punktēts un punktēts. Šis emuārs bija par teksta dekorēšanas stila iestatīšanu, izmantojot Tailwind CSS.