Cara Mengatur Teks dan Warna Foreground dengan Properti Warna Cascading Style Sheets
Anda dapat mengontrol warna teks pada halaman web atau bagian (atau elemen) halaman web dengan properti warna Cascading Style Sheets. Selain mengendalikan warna teks, Anda juga dapat menggunakan properti warna CSS untuk mengatur warna untuk aturan horizontal dan elemen bentuk. Mari kita lihat contoh yang menggunakan properti warna untuk mengatur teks dalam pembukaan

dan penutupan

tag ke hitam dan warna untuk elemen menjadi merah.

Kode CSS Dasar



Contoh


teks di sini




Alamat email anda



Setiap aturan CSS berisi pemilih dan blok deklarasi. Blok deklarasi CSS ditempatkan di antara kurung kurawal {dan penutup} dan berisi satu atau lebih pasangan nilai properti untuk setiap pemilih.

Penyeleksi
hal
bentuk
Aturan CSS pertama dalam contoh kami mengontrol warna untuk teks di antara apa saja

tag di halaman web kami. P di dalam

tag adalah pemilih untuk aturan ini dan memberi tahu browser untuk mengatur teks ke warna hitam. Aturan kedua menggunakan pemilih elemen form untuk tag untuk mengatur warna teks "Alamat email Anda" menjadi merah.

Properti

warna:
Properti warna adalah atribut yang menetapkan warna untuk teks dan warna foreground. Dalam contoh kami, properti warna sedang digunakan untuk mengatur warna untuk elemen p dan form. Perhatikan bahwa nama properti diikuti oleh titik dua (:).

Nilai-nilai
#000000;
merah;
Anda dapat menggunakan nama warna, kode warna heksadesimal atau kode warna RGB untuk mengatur nilai warna. Dalam contoh kami, kami menggunakan kode warna heksadesimal (# 000000) untuk elemen p dan nama warna (merah) untuk elemen bentuk. Kita juga bisa menggunakan kode warna RGB rgb (100%, 0%, 0%). Perhatikan bahwa nilai warna diikuti oleh tanda titik koma (;).




Petunjuk Video: Background Media (Gambar/Video) + Ukuran + Transparansi + Gradiasi Warna HTML CSS (Mungkin 2024).