Pada bahasa pemograman HTML, anda dapat membuat teks/tulisan dan memberi style, misalnya memberi/mengubah warna teks seperti judul artikel ini Show Untuk mengubah warna teks pada HTML CSS, Anda perlu memahami / mengetahui warna HEXA atau biasa disebut Hex-Color, silahkan klik disini untuk melihat warna hex-color Siapkan teks yang ingin diubah warnanya di html, misalnya menggunakan tag iklan oleh posciety Sekarang buka file CSS yang telah dibuat/dikaitkan dengan HTML. Pada file CSS ini, silahkan panggil tag p dan isi nilainya dengan (contoh) Baca Juga 7 Cara Mudah Membuat Situs WordPress Mobile Friendly 4 Tren Desain UX di 2021 12 Plugin WordPress Gratis & Terbaik 2021 Yang Wajib Anda Miliki Cara Mengetahui Kata Kunci yang Digunakan Pengunjung pada Fitur… p { color: #c41617; } Pada nilai Selain itu, ada juga cara cepat menggunakan warna umum dalam bahasa Inggris. Namun warna ini terbatas, tidak semua warna bisa digunakan karena ini hanya warna umum dan bukan warna custom. Cara pakainya seperti ini p { color: red; }_ Tentu Anda harus mengetahui nama-nama warna dalam bahasa Inggris untuk HTML CSS. Harap ubah Warna properti adalah properti di CSS yang berfungsi untuk memberi atau mengubah warna teks pada Tag atau Elemen HTML Dalam menata tampilan website, memilih dan mengatur warna teks secara tepat merupakan salah satu hal yang sangat penting agar tampilan website kita enak dan nyaman untuk dilihat. Karena pemilihan warna tulisan yang kurang tepat bisa membuat pengunjung merasa enggan untuk membaca konten yang kita buat Dalam HTML sebenarnya ada Tag atau Element yang berfungsi untuk mengatur warna teks, yaitu
Untuk menghasilkan tulisan seperti ini ini adalah teks merah ini adalah teks hijau ini adalah teks merah lainnya Ini adalah teks biru ini adalah teks hijau lainnya Namun, jika kita harus menulis kode tersebut berulang-ulang tentu akan merepotkan kita bukan? Oleh karena itu, disini kita akan belajar menggunakan properti yang terdapat pada CSS, khususnya properti color untuk memudahkan kita dalam memberi atau mengubah warna huruf pada Tag atau Elemen HTML. Sebelum kita masuk ke pembasahan, silahkan siapkan text editor dan browser anda dan pastikan keduanya bekerja dengan baik, lalu buat folder di desktop anda dengan nama belajar_property_color_css untuk kita gunakan sebagai tempat menyimpan file yang akan kita buat nanti buat folder learn_property_color_cssKalau begitu mari langsung saja ke pembahasannya Berbagai Nilai Yang Dapat Digunakan Pada Properti WarnaSetelah kita memahami bahwa properti color berfungsi untuk memberi warna pada teks, selanjutnya kita akan membahas nilai apa saja yang dapat digunakan pada properti tersebut. Property color memiliki empat jenis nilai yang bisa kita gunakan yaitu color, initial, inherit dan transparent
Untuk lebih jelas tentang fungsi keempat nilai diatas, mari kita buat file HTML baru dengan kode CSS nya Pertama kita akan praktekkan cara memberi atau mengubah warna dengan property color ini. cara penulisannya seperti ini pemilih {warna. color_value;}Untuk latihan silahkan buka text editor anda (buat file baru) dan ketik atau copy-paste kode di bawah ini
Kemudian simpan dengan nama color_css. html di folder belajar_property_color_css lalu jalankan di browser anda, maka hasilnya kurang lebih seperti ini hasil penerapan nilai warna dari properti warnaPada contoh di atas, kita menggunakan pemilih ID untuk melakukan modifikasi. Jadi untuk merubah warna suatu Tag atau Element kita hanya perlu memasukan ID ke dalamnya dengan menggunakan atribut id seperti pada contoh diatas Bagaimana? Selanjutnya kita akan melakukan perbandingan antara keempat nilai yang dapat digunakan pada properti warna ini, sehingga dengan adanya perbandingan tersebut akan memudahkan anda untuk memahami setiap fungsi dari nilai tersebut. Langsung saja silahkan buka text editor anda (buat file baru) dan ketik atau copy-paste kode dibawah ini _Penjelasan kode
Pada kode di atas kita membuat lima class selector yang salah satunya akan kita gunakan sebagai warna induk untuk membandingkan hasil dari empat class selector lainnya yang berisi empat nilai yang sedang kita bahas _Pada kode HTML di atas, kita menggunakan Tag HTML atau Elemen Kemudian kita membuat empat paragraf dengan Tag atau Elemen 0Kemudian simpan dengan nama comparison_four_values_css. html di folder belajar_property_color_css lalu jalankan di browser anda maka hasilnya akan seperti ini hasil penerapan berbagai nilai pada properti warnaPerhatikan baik-baik hasil di atas,
Jawabannya karena selain font pada Elemen Tag atau Paragraph memiliki warna default atau warna asli hitam, juga memiliki properti dasar yaitu sifat inherit atau turunan yang menyebabkan warna asli font pada Tag atau paragraf elemen yang memiliki nilai default untuk diubah sesuai dengan warna font pada Tag atau Elemen yang memuatnya (induknya) Pada contoh diatas kita sudah mengubah warna font div Tag atau Element menjadi "hijau" melalui class selector warna_induk, sehingga menyebabkan warna default paragraf Tag atau Element yang memiliki nilai default juga berubah menjadi hijau Coba saja perhatikan teks "ini teks menggunakan nilai pewarisan", warnanya sama dengan teks di atas, yaitu hijau, itu karena warna hijau adalah warna turunan dari Tag atau Elemen div
Nah, itulah penjelasan tentang Belajar Menggunakan Properti Warna Pada CSS Bagaimana? Alhamdulillah sekarang kita sudah paham bagaimana cara menggunakan properti color di CSS Selanjutnya kita akan belajar tentang Cara Menggunakan Background Property di CSS. Untuk membaca tutorialnya silahkan klik link disini Bagaimana cara mengubah warna teks di CSS?Warna (color) teks di CSS dapat diubah dengan menggunakan properti color . Properti ini menerima nilai dalam berbagai bentuk seperti nama warna standar HTML dan CSS (nama warna) yang berjumlah 140 buah, nilai warna dalam bentuk kode heksadesimal, kode warna RGB(A) dan warna HSL(A) kode.
Bagaimana cara mengatur warna teks?Buka Format > Font > Font . + D untuk membuka kotak dialog Font . Pilih panah di samping Warna font , lalu pilih warna . Pilih Default, lalu pilih Ya untuk menerapkan perubahan ke semua dokumen baru berdasarkan template.
Gaya apa yang digunakan untuk mengubah warna teks?Cara terbaik untuk mengubah warna teks adalah dengan menggunakan CSS . Atribut HTML lama
Properti CSS apa yang digunakan untuk mengubah warna teks suatu elemen?Warna . color adalah properti CSS yang dapat digunakan untuk mewarnai karakter. Nilai untuk properti ini bisa menggunakan kata kunci seperti. nama warna, seperti. merah, hijau, biru, dll. |