Kasutajatele meeldivatele veebisaitidele tuleb sageli aeg-ajalt lisada mitu stiilimeetodit. Sellistes olukordades saab teksti kaunistamise stiili kujundada mitmel viisil, võttes aluseks erinevate väärtuste saidi silmapaistvamaks muutmise nõuded.
See ajaveeb hõlmab järgmisi sisuvaldkondi:
Kuidas Tailwind CSS-is teksti kaunistamise stiili määrata?
Teksti stiili saab määrata ja kaunistada ' tekst-kaunistus-stiil ” atribuut, mis on eraldatud erinevate stiiliväärtustega.
Teksti kaunistusstiili omadused
Klass | Omadused |
kaunistus-tahke | tekst-kaunistus-stiil: soliidne; |
kaunistus-topelt | tekst-kaunistus-stiil: topelt; |
kaunistus-laineline | tekst-kaunistus-stiil: laineline; |
kaunistus-kriips | tekst-kaunistus-stiil: katkendlik; |
kaunistus-punktiline | text-decoration-style: täpiline; |
Näide: teksti kaunistamise stiili määramine Tailwind CSS-is
See näide kasutab ülalpool käsitletud ' tekst-kaunistus-stiil ” atribuut koos kõigi väärtustega lõigu teksti laadimiseks:
DOCTYPE html >< html >
< pea >
< meta märgistik = 'utf-8' >
< meta nimi = 'vaateava' sisu = 'laius = seadme laius, esialgne skaala = 1' >
< stsenaarium src = 'https://cdn.tailwindcss.com' > stsenaarium >
pea >
< keha >
< div >
< lk klass = 'Allakriipsutamine - soliidne ...' > See on Linuxhinti veebisait lk >
< lk klass = 'Allakriipsutamine - topelt...' > See on Linuxhinti veebisait lk >
< lk klass = 'joonistamine kaunistuseks - laineline ...' > See on Linuxhinti veebisait lk >
< lk klass = 'Allakriipsutamine - kriips...' > See on Linuxhinti veebisait lk >
< lk klass = 'kriipsuta alla dekoratsiooni-punktiga ...' > See on Linuxhinti veebisait lk >
div >
keha >
html >
Selle koodi põhjal rakendage järgmisi samme.
-
- Kaasake antud ' CDN ' tee '' sees
” tag, et rakendada Tailwindi funktsioone. - Nüüd looge neli lõiku, kasutades ' ' silt, mis sisaldab ' tekst-kaunistus ” vara omistatakse igal juhul erineva väärtusega, nagu arutatud.
- Selle tulemusel kriipsutatakse teksti alla pidevate, topelt-, laineliste, katkendlike ja punktiirjoontega.
- Kaasake antud ' CDN ' tee '' sees
Väljund
Selle tulemuse põhjal on kindlaks tehtud, et tekst on vastavalt kaunistatud.
Järeldus
Teksti stiili saab määrata ja kaunistada ' tekst-kaunistus-stiil ” atribuut, mis on eraldatud erinevate stiiliväärtustega. Nende väärtuste hulka kuuluvad tahke, topelt, laineline, katkendlik ja punktiir. See blogi käsitles teksti kaunistamise stiili määramist Tailwind CSS-i abil.