Cara Mengubah Warna Website Menggunakan CSS

Desain font situs web itu penting. CSS memberi pengarul besar atas tampilan teks di halaman web yang Anda buat menggunakan

Menambahkan Style untuk Mengubah Warna website

Untuk contoh ini, Anda hanya perlu menambahkan style CSS dan file CSS terpisah yang dilampirkan di dokumen tersebut.

1. Untuk mengubah warna teks untuk setiap paragraf dalam file HTML Anda, buka file style dan ketik eksternal p { }.Tempatkan color Property dalam styles yang diikuti oleh titik dua, contoh

p {
color: black;
}

2. Namun, jika Anda ingin mengubah warna teks menjadi hijau, biru, merah, dll., Menggunakan kata kunci warna menururt saya kurang fleksibilitas yang mungkin Anda inginkan untuk membuat corak yang berbeda. nah untuk itulah heksadesimal berperan

p { 
color: #000000;
}

Gaya CSS ini dapat digunakan untuk mewarnai paragraf Anda menjadi hitam karena kode hex # 000000 diterjemahkan menjadi hitam. Anda bahkan dapat menggunakan singkatan dengan nilai hex tersebut dan menuliskannya sebagai # 000 dengan hasil yang sama.

p { 
color: #2f5687;
}

Seperti yang kami sebutkan di atas, nilai hex berfungsi dengan baik saat Anda membutuhkan warna yang tidak hanya hitam atau putih.

Nilai hex CSS di atas akan mengatur paragraf menjadi warna biru, tetapi tidak seperti kata kunci “blue”,

Dengan menggunakan kode hexa anda bisa menentukan warna seperti biru muda bir agak tua dan warna lainya.

3. Penting untuk diingat bahwa properti warna berfungsi pada elemen teks HTML apa pun di CSS. Anda dapat, misalnya, anda ingin mengubah warna pada setiap tautan maka bisa menggunakan kode berikut :

a {
color: #16c616;
}

Contoh lain jika ingin menggunakan pad heading maka bisa mengggunakan kode berikut

h1, h2, h3, h4, h5, h6 {
color: #020833;
}

Menurut saya menggunakan Hexa lebih efisien karena di sana anda dapat menentukan warna yang tidak monoton contohnya tidak selalu dengan hijau tua, biru.

Namun anda bisa memilih warna seperti hijau kecoklatan, biru ke putihan dan warna lainya

1 Shares:
Leave a Reply

Your email address will not be published.

You May Also Like