Tapak web yang menarik pengguna selalunya memerlukan pelbagai metodologi penggayaan untuk ditambahkan dari semasa ke semasa. Dalam situasi sedemikian, penggayaan hiasan teks boleh dijalankan dalam pelbagai cara berdasarkan nilai yang berbeza mengikut keperluan untuk menonjolkan tapak.
Blog ini akan merangkumi bidang kandungan berikut:
Bagaimana untuk Menetapkan Gaya Hiasan Teks dalam CSS Tailwind?
Gaya teks boleh ditetapkan dan dihiasi dengan bantuan “ gaya hiasan-teks ” harta yang diperuntukkan dengan nilai penggayaan yang berbeza.
Sifat Gaya Hiasan Teks
| Kelas | Hartanah |
| hiasan-pepejal | text-decoration-style: solid; |
| hiasan-berganda | text-decoration-style: double; |
| hiasan-beralun | text-decoration-style: beralun; |
| hiasan-putus-putus | gaya hiasan teks: putus-putus; |
| bertitik hiasan | gaya hiasan teks: bertitik; |
Contoh: Menetapkan Gaya Hiasan Teks dalam CSS Tailwind
Contoh ini menggunakan ' yang dibincangkan di atas gaya hiasan-teks ” harta dengan semua nilai untuk menggayakan teks perenggan:
DOCTYPE html >< html >
< kepala >
< meta charset = 'utf-8' >
< meta nama = 'port view' kandungan = 'lebar=lebar peranti, skala awal=1' >
< skrip src = 'https://cdn.tailwindcss.com' > skrip >
kepala >
< badan >
< div >
< hlm kelas = 'gariskan hiasan-pepejal ...' > Ini ialah Laman Web Linuxhint hlm >
< hlm kelas = 'gariskan hiasan-ganda ...' > Ini ialah Laman Web Linuxhint hlm >
< hlm kelas = 'gariskan hiasan beralun ...' > Ini ialah Laman Web Linuxhint hlm >
< hlm kelas = 'gariskan hiasan-putus-putus ...' > Ini ialah Laman Web Linuxhint hlm >
< hlm kelas = 'gariskan hiasan bertitik ...' > Ini ialah Laman Web Linuxhint hlm >
div >
badan >
html >
Berdasarkan kod ini, gunakan langkah berikut:
-
- Sertakan yang diberikan ' CDN 'laluan dalam'
teg ” untuk menggunakan fungsi Tailwind. - Sekarang, buat empat perenggan menggunakan ' tag ' yang mengandungi ' hiasan teks ” harta yang diberikan dengan nilai yang berbeza dalam setiap kes, seperti yang dibincangkan.
- Ini seterusnya menggariskan teks dengan garisan pepejal, berganda, beralun, putus-putus dan bertitik.
- Sertakan yang diberikan ' CDN 'laluan dalam'
Pengeluaran
Daripada hasil ini, ia disahkan bahawa teks telah dihiasi dengan sewajarnya.
Kesimpulan
Gaya teks boleh ditetapkan dan dihiasi dengan bantuan “ gaya hiasan-teks ” harta yang diperuntukkan dengan nilai penggayaan yang berbeza. Nilai ini termasuk pepejal, dua kali ganda, beralun, putus-putus dan bertitik. Blog ini adalah mengenai menetapkan gaya hiasan teks menggunakan CSS Tailwind.