Cara Menggunakan CSS untuk Mengubah Warna Font

Ingin mempercantik situs web Anda dengan beberapa warna font yang berbeda? Anda dapat melakukan ini menggunakan CSS. CSS adalah singkatan dari Cascading Style Sheets dan merupakan bahasa default yang digunakan untuk membuat dan mengelola gaya situs web apa pun.

Ada tiga metode penerapan CSS ke dokumen HTML. Ini adalah CSS sebaris, CSS internal/tertanam, dan CSS eksternal.

Metode Satu: CSS sebaris

Untuk mengubah warna font di CSS, Anda harus membuat aturan CSS untuk mengatur nilai properti warna.

Metode sebaris menggunakan properti gaya yang dapat Anda terapkan ke hampir semua elemen. Berikut adalah contoh yang mengatur warna font paragraf HTML menjadi merah:

paragraf teks

Anda dapat mencapai efek yang sama menggunakan CSS internal/tertanam, atau CSS eksternal.

Metode Dua: CSS Internal/Tertanam

Anda dapat menggunakan metode ini saat ingin membuat aturan CSS yang memengaruhi lebih dari satu elemen HTML tetapi hanya pada satu halaman. Aturan CSS kemudian ditulis ke kepala halaman HTML, menggunakan elemen gaya:

Metode Tiga: CSS Eksternal

Cara ketiga untuk mencapai efek yang sama adalah menggunakan stylesheet CSS eksternal. Menggunakan editor teks, buat file dengan ekstensi ".css". Praktik umum adalah memanggil file ini seperti stylesheet.css tetapi Anda dapat menamainya apa saja selama Anda mempertahankan ekstensi ".css".

Untuk mewarnai teks tubuh Anda menjadi hijau, misalnya, menggunakan stylesheet eksternal, cukup tempel di aturan CSS seperti ini:

p { warna: biru }

Dalam dokumen HTML Anda, Anda harus menyertakan tautan ke lembar gaya Anda di dalam elemen kepala HTML:

paragraf teks

Mengubah Warna Font dalam HTML, Tanpa Penerapan CSS

Praktik terbaik adalah menggunakan CSS, tetapi berikut ini cara mengubah warna font menggunakan HTML saja:

paragraf teks

Elemen font, bersama dengan atribut warnanya, tidak digunakan lagi. Ini karena mereka adalah elemen presentasi daripada elemen struktural. HTML modern harus terdiri dari elemen struktural saja.

Mengubah Warna Font di CSS Relatif Mudah

Kami telah menunjukkan kepada Anda tiga metode untuk mengubah warna font di CSS. Kami juga telah menunjukkan cara melakukan ini dengan cara lama menggunakan tag font HTML. Cobalah dan lihat mana yang paling cocok untuk Anda!

Setelah Anda menguasai mengubah warna font menggunakan CSS dan HTML, Anda mungkin ingin menguasai mengubah ukuran font dalam HTML.

Cara Mengubah Ukuran Font HTML di CSS

Baca Selanjutnya

Tentang Penulis