Ang mga website na nakakaakit ng user ay madalas na nangangailangan ng maramihang mga pamamaraan ng pag-istilo na maidaragdag paminsan-minsan. Sa ganitong mga sitwasyon, ang pag-istilo ng dekorasyon ng teksto ay maaaring isagawa sa maraming paraan batay sa iba't ibang mga halaga ayon sa mga kinakailangan upang gawing kakaiba ang site.
Saklaw ng blog na ito ang mga sumusunod na bahagi ng nilalaman:
Paano Itakda ang Estilo ng Dekorasyon ng Teksto sa Tailwind CSS?
Ang istilo ng teksto ay maaaring itakda at palamutihan sa tulong ng ' text-dekorasyon-style ” pag-aari na inilaan na may iba't ibang mga halaga ng estilo.
Mga Katangian ng Estilo ng Dekorasyon ng Teksto
| Klase | Ari-arian |
| palamuti-solid | text-decoration-style: solid; |
| palamuti-doble | text-decoration-style: doble; |
| palamuti-kulot | text-decoration-style: kulot; |
| palamuti-dashed | text-decoration-style: dashed; |
| palamuti-tuldok | text-decoration-style: may tuldok; |
Halimbawa: Pagtatakda ng Estilo ng Dekorasyon ng Teksto sa Tailwind CSS
Ang halimbawang ito ay gumagamit ng tinalakay sa itaas na ' text-dekorasyon-style ” property na may lahat ng value para i-istilo ang teksto ng talata:
DOCTYPE html >< html >
< ulo >
< meta charset = 'utf-8' >
< meta pangalan = 'viewport' nilalaman = 'width=device-width, initial-scale=1' >
< iskrip src = 'https://cdn.tailwindcss.com' > iskrip >
ulo >
< katawan >
< div >
< p klase = 'salungguhitan ang dekorasyon-solid ...' > Ito ay Linuxhint Website p >
< p klase = 'salungguhitan ang dekorasyon-doble ...' > Ito ay Linuxhint Website p >
< p klase = 'salungguhitan ang palamuti-kulot ...' > Ito ay Linuxhint Website p >
< p klase = 'salungguhitan ang dekorasyon-dashed ...' > Ito ay Linuxhint Website p >
< p klase = 'salungguhitan ang dekorasyon na may tuldok ...' > Ito ay Linuxhint Website p >
div >
katawan >
html >
Batay sa code na ito, ilapat ang mga sumusunod na hakbang:
-
- Isama ang ibinigay na ' CDN ' landas sa loob ng '
” tag para ilapat ang mga functionality ng Tailwind. - Ngayon, lumikha ng apat na talata gamit ang ' 'tag na naglalaman ng ' text-dekorasyon ” property na itinalaga na may ibang halaga sa bawat kaso, gaya ng tinalakay.
- Dahil dito, sinasalungguhitan nito ang teksto na may solid, doble, kulot, putol-putol, at may tuldok na mga linya.
- Isama ang ibinigay na ' CDN ' landas sa loob ng '
Output
Mula sa kinalabasan na ito, napatunayan na ang teksto ay pinalamutian nang naaayon.
Konklusyon
Ang istilo ng teksto ay maaaring itakda at palamutihan sa tulong ng ' text-dekorasyon-style ” pag-aari na inilaan na may iba't ibang mga halaga ng estilo. Kasama sa mga value na ito ang solid, double, wavy, dashed, at dotted. Ang blog na ito ay tungkol sa pagtatakda ng istilo ng text-decoration gamit ang Tailwind CSS.