Tutorial Belajar CSS Bagian 46 : Cara Menggunakan Property Background Color di CSS

0
617

Pada tutorial sebelumnya, kita sudah belajar tentang Tutorial Belajar CSS Bagian 45 : Cara Menggunakan Property !important di CSS. Pada tutorial kali ini,kita akan belajar cara menggunakan property backgrounc color di CSS untuk menentukan warna latar belakang website.

Properti ini digunakan untuk mengatur warna latar belakang suatu elemen. Latar belakang suatu elemen mencakup ukuran total, termasuk padding dan border dan tidak termasuk margin. Itu dapat diterapkan ke semua elemen HTML.

Sintaksis

element { 

    background-color: color_name|transparent|initial|inherit; 

}

Mari kita bahas nilai yang mungkin dari properti ini.

  • Color name : Digunakan untuk menentukan nilai warna latar belakang atau kode warna. Dapat diberikan dengan menggunakan nama warna, nilai heksadesimal, atau nilai rgb().
  • Transparent : Ini adalah nilai default dari properti ini, yang digunakan untuk menentukan warna latar transparan.
  • Initial : Tidak digunakan untuk mengatur warna background. Ini menetapkan nilai default.
  • Inheritance : Ini digunakan untuk mewarisi warna latar belakang dari induknya.

Mari kita lihat ilustrasi properti ini.

Contoh :

<!DOCTYPE html>   
<html>   
<head>   
  <title>background-color property</title>   
    <style>    
      body {   
        text-align:center;   
        background-color: lightblue;          
           }   
      h1{  
        color: blue;  
       }  
   </style>    
</head>   
    <body>    
       <h1>Hello World.</h1>  
       <h1>Selamat datang di mbahwp.com</h1>    
    </body>    
</html>

Hasil dari kode di atas adalah :

Semoga tutorial ini bisa membantu Anda untuk memahami cara menggunakan property background-color untuk memberi warna latar belakang pada website Anda.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.