Cara menggunakan teks warna html
|
Pada tutorial kali ini kita akan membahas bagaimana cara mengatur teks di CSS agar sesuai dengan kebutuhan atau keinginan kita. CSS memiliki properti format teks seperti perataan, warna, spasi, arah dan lain-lain. Properti yang akan dibahas dalam tutorial ini adalah apa itu fungsi text-color dan background-color dan bagaimana cara menggunakannya Show
Sebelumnya, berikut adalah contoh pemformatan teks di CSS menggunakan perataan, spasi, dekorasi, dan transformasi yang akan kita pelajari nanti. html> Bagian Artikel Warna teksProperti color pada CSS berfungsi untuk mengatur warna teks sesuai kebutuhan atau keinginan kita. Menentukan warna pada properti color dapat dilakukan dengan Color atau warna pada HTML dapat didefinisikan dengan nama warna yang telah ditentukan sebelumnya, atau dengan nilai RGB, HEX, HSL, RGBA, atau HSLA Bagian Artikel Nama WarnaDalam HTML, warna dapat ditentukan menggunakan nama warna Contoh _ Warna latar belakangDalam HTML kita bisa mengatur warna backgorund (warna latar belakang) untuk elemen HTML Contoh
Warna teksPada HTML kita dapat mengatur warna teks sesuai dengan keinginan kita Contoh
Warna PerbatasanKami juga dapat menentukan warna perbatasan dalam HTML Contoh _ Nilai WarnaDalam HTML, warna juga dapat ditentukan menggunakan nilai RGB, nilai HEX, nilai HSL, nilai RGBA, dan nilai HSLA Menambahkan warna ke teks HTML Anda itu mudah. Dalam tutorial singkat ini kita akan membahas cara mengubah warna teks HTML Anda menggunakan kode warna Hex, nama warna HTML, nilai RGB dan HSL Warna teks menggunakan kode warna HexCara paling umum untuk mewarnai teks HTML adalah dengan menggunakan kode warna heksadesimal (singkatnya kode Hex). Cukup tambahkan atribut gaya ke elemen teks yang ingin Anda warnai – paragraf dalam contoh di bawah ini – dan gunakan properti warna dengan kode Hex Anda
Demo di CodePenTidak punya kode Hex? Warna teks menggunakan nama warna HTMLCara lain untuk mewarnai teks situs web Anda adalah dengan menggunakan nama warna HTML. Kode HTMLnya mirip, tinggal ganti kode Hex dari langkah sebelumnya dengan nama warna yang ingin digunakan (warna merah pada contoh kita). Ada 140 nama warna untuk dipilih, dan kami telah menyusun daftar yang dapat Anda lihat di sini _ Demo di CodePenWarna teks menggunakan nilai warna RGBMenggunakan nilai RGB sangat populer akhir-akhir ini, tetapi semudah kode Hex atau nama warna. Masukkan nilai RGB Anda di dalam parameter rgb() mengikuti properti warna. Anda dapat menggunakan pemilih warna kami untuk mendapatkan nilai RGB selain kode Hex
Demo di CodePenSaat menggunakan nilai RGB di situs web Anda, Anda juga dapat menentukan opacity. Alih-alih rgb() gunakan rgba() – a adalah untuk alfa, saluran warna yang mengontrol opacity – dan setelah tiga nilai warna Anda tambahkan keempat untuk opacity, pada skala dari 0 – 1 (0 untuk transparan sepenuhnya, 1 untuk benar-benar buram) _ Demo di CodePenWarna teks menggunakan nilai warna HSLMetode keempat untuk menambahkan warna adalah dengan menggunakan nilai HSL. Mirip dengan sintaks RGB yang dijelaskan di atas, HSL menggunakan awalan hsl(), dan tiga nilai untuk hue, saturation, dan lightness. Hue direpresentasikan dalam skala 0 – 360, sementara saturasi dan kecerahan masing-masing merupakan persentase antara 0% dan 100% _ Demo di CodePenSama seperti RGB, saat menggunakan HSL Anda dapat mengubah opasitas warna langsung di properti warna. Gunakan awalan hsla() dan sertakan nilai keempat antara 0 dan 1 untuk tingkat opasitas yang Anda perlukan Gaya apa yang digunakan untuk mengubah warna teks?Cara terbaik untuk mengubah warna teks adalah dengan menggunakan CSS . Atribut HTML lama
#ffffff warna apa?Contoh lainnya adalah warna putih yang dibuat dengan mencampurkan tiga warna primer dengan intensitas penuh. Ini menghasilkan kode warna HEX dalam bentuk #FFFFFF.
Apa itu HTML warna?Apa yang dimaksud dengan kode warna HTML? . Warna HTML disusun menggunakan kode HEX yang merupakan ide heksadesimal dari RGB. Hypertext Markup Language) ditandai dengan enam karakter setelah tagar (#), misalnya #000000. Warna HTML diatur dengan menggunakan kode HEX yang merupakan gagasan heksadesimal dari RGB.
Apa itu kode HTML?Berikut adalah 9 kode HTML untuk blog dan arti dari coding tersebut. . Label Judul. Tag HTML pertama adalah tag judul. . Deskripsi meta. Selanjutnya, ada deskripsi meta. . 3. Tag Tajuk. . 4. Jangkar Teks dan Tautan. . Jangan ikuti. . 6. Teks Alt Gambar. . 7. Tag kanonis. . 9. Tag tebal |
