Menggarisbawahi dokumen atau teks selalu dianggap mudah. Tetapi jika kita mempertimbangkan kes untuk laman web, adakah ia mudah? Sebilangan besar daripada kita akan mengatakan ya tetapi membuat garis mendatar termasuk beberapa reka bentuk tersuai menjadikan tugas mudah ini meletihkan. Mari mulakan Perjalanan Dekorasi Teks Menggunakan CSS dengan cara berikut:
Apa itu Hiasan Teks?
Ini menetapkan penampilan garis hiasan pada teks. Ia adalah harta tanah untuk:
- teks-hiasan-baris
- teks-hiasan-warna
- gaya hiasan-teks
Ia dinyatakan sebagai satu atau lebih nilai yang dipisahkan ruang mewakili te long handsifat hiasan xt.
Sintaks:
hiasan teks: || ||
Di mana,
teks-hiasan-baris: Ia digunakan untuk mengatur jenis hiasan yang digunakan sepertigaris bawah, garis besar, dan garis-garis.
teks-hiasan-warna:Ia digunakan untuk menetapkan warna hiasan.
gaya hiasan teks: Ia digunakan untuk mengatur gaya garis sepertipadat, beralun, putus-putus, putus-putus, berganda
Jenis Hiasan Teks di CSS
- Garis panduan:
#dekorasi {text-decoration: overline} 
- Sepanjang Masa:
#dekorasi {text-decoration: line-through}- Garis bawah:
#dekorasi {text-decoration: underline}- Gabungan:
#dekorasi {hiasan-teks: gariskan garis bawah-garis bawah}Pengeluaran:
Hiasan Teks Menggunakan CSS: Kod
Kod:
Kod CSS:
#overline {text-decoration: wavy overline kapur} #underover {text-decoration: garis garis bawah garis putus-putus} #dotted {text-decoration: garis bawah garis bawah merah} #wavy {text-decoration: line-through wavy}Pengeluaran:
Langkau Hiasan Teks
Harta yang dikenali sebagai teks-hiasan-langkau juga dapat digunakan di mana teks garis besar, garis-garis dan garis bawah. Ini membantu dalam menghias teks. Ini hanya menentukan bagaimana garis bawah dan garis bawah digambar ketika mereka melewati pendaki dan penurun.
cara menulis kelas singleton di java
#dekorasi {text-decoration-skip: ink}Nilai yang dapat digunakan dengan lompatan hiasan teks adalah:
benda : (lalai) garisan melangkau objek sebaris, seperti gambar atau elemen blok sebaris.
tiada : garisan melintasi segalanya.
ruang : garisan hiasan melangkau ruang, watak pemisah kata, dan ruang yang ditetapkan dengan jarak huruf atau ruang kata.
dakwat : garisan hiasan melangkau para pemuda, penurun atau pendaki.
tepi : garisan hiasan bermula sedikit setelah bahagian tepi kandungan dan berakhir sedikit sebelum tepi akhir kandungan.
hiasan kotak : garis hiasan melangkau margin, sempadan, dan padding yang diwarisi.
Oleh kerana harta tanah ini tidak disokong oleh penyemak imbas mana pun, tidak ada demo, tetapi berikut adalah contoh dalam gambar di bawah bagaimana setiap nilai dapat dilihat setelah teks-hiasan-langkau dilaksanakan.
Dengan ini, kita sampai di akhir Hiasan Teks ini menggunakan blog CSS. Sekiranya anda mempunyai pertanyaan mengenai topik ini, sila tinggalkan komen di bawah dan kami akan menghubungi anda.
Lihat kami yang dilengkapi dengan latihan langsung yang dipimpin oleh instruktur dan pengalaman projek kehidupan sebenar. Latihan ini menjadikan anda mahir dalam kemahiran bekerja dengan teknologi web back-end dan front-end. Ia merangkumi latihan mengenai Pembangunan Web, jQuery, Angular, NodeJS, ExpressJS, dan MongoDB.
Ada soalan untuk kami? Sila sebutkan di bahagian komen blog 'Hiasan Teks menggunakan CSS' dan kami akan menghubungi anda.