Cara Mengubah Warna Background di CSS dan HTML

 Tutorial Mengganti Warna Background Pada Elemen HTML

Daftar Isi :

1. Fungsi dan pengertian background-color pada CSS
2. Cara Merubah Warna Background pada style CSS
3. Langkah-langkah Mengubah Warna Background pada class CSS
4. Tutorial Mengganti Warna Background langsung pada Tag HTML 
5. Kode Warna HEX CSS (Color HEX)

buayaberdiri.blogspot.com - Bagaimana cara untuk ganti warna atau color pada elemen body html menggunakan CSS atau Cascading Style Sheets ? Pada CSS ada sintaks yang dapat mengubah warna background dengan mudah dan memiliki banyak warna yang bisa kamu buat didalamnya.

background-color adalah properti pada penulisan sintaks CSS yang digunakan untuk merubah warna background pada elemen html seperti di body atau di element div tertentu.Setiap properti di CSS akan memiliki value,dan untuk value pada background-color ada banyak seperti red,black,purple dan kode warna RGB,HEX,Hue dan HSL.Namun yang paling sering digunakan oleh web design biasanya menggunakan RGB dan HEX.

Cara Mengubah Warna Background di Elemen HTML

Berikut ini adalah contoh mengubah background pada body html,pada contoh dibawah ini akan mengubah menjadi warna hijau

Untuk mengubah body pada elemen website atau html,maka kamu tinggal menggunakan sintaks body pada style CSS,kemudian didalam tag body kamu tinggal menggunakan kode background-color: #00ff00;

Kamu bisa menyeleksi bagian mana saja yang ingin kamu beri warna,seperti memberi warna background pada elemen div tertentu,kemudian pada bagian stylenya bisa kamu pakai class untuk dapat memanggil kode CSSnya pada tag div yang berada didalam body.

Mengubah Warna Background Langsung di Tag HTML

Dan sekarang kamu bisa mengubah warna background langsung pada tag HTML seperti di elemen p , div , span , button dan lain-lain.

Contoh Kode Warna Hex Pada CSS :

Kode warna CSS lengkap ini bisa kamu gunakan pada HTML 5 ,untuk melihat kode warna terlengkapnya bisa kamu cek di w3school yaitu di https://www.w3schools.com/colors/colors_picker.asp

1. #ff0000
2. #ff4000
3. #ff8000
4. #ffbf00
5. #ffff00
6. #bfff00
7. #80ff00
8. #40ff00
9. #00ff00
10. #00ff40
11. #00ff80
12. #00ffbf
13. #00ffff
14. #00bfff
15. #0080ff
16. #0040ff
17. #0000ff
18. #4000ff
19. #8000ff
20. #bf00ff
21. #ff00ff
22. #ff00bf
23. #ff0080
24. #ff0040
25. #ff0000