Cara Tetapkan Warna Teks dan Hadapan dengan Warna Lembaran Gaya Cascading

Mungkin 15, 2024

Anda boleh mengawal warna teks pada halaman web atau bahagian (atau elemen) halaman web dengan sifat warna Cascading Style Sheets. Selain mengawal warna teks, anda juga boleh menggunakan sifat warna CSS untuk menetapkan warna untuk peraturan mendatar dan membentuk elemen. Mari kita lihat contoh yang menggunakan sifat warna untuk menetapkan teks dalam pembukaan

dan tutup

tag kepada hitam dan warna untuk elemen menjadi merah.

Kod CSS Asas

Contoh

teks pergi ke sini

Alamat e-mel anda

…

Setiap peraturan CSS mengandungi pemilih dan blok pengisytiharan. Blok pengisytiharan CSS diletakkan di antara kurungan pembukaan {dan penutup} kurungan dan mengandungi satu atau lebih pasangan nilai harta bagi setiap pemilih.

Pemilih

p
borang

Peraturan CSS pertama dalam contoh kami mengawal warna untuk teks antara mana-mana

tag pada halaman web kami. P di dalam

tag adalah pemilih untuk peraturan ini dan memberitahu pelayar untuk menetapkan teks kepada warna hitam. Peraturan kedua menggunakan pemilih elemen borang untuk tag untuk menetapkan warna teks "alamat e-mel anda" menjadi merah.

Hartanah

warna:

Harta warna adalah atribut yang menetapkan warna untuk teks dan warna latar depan. Dalam contoh kami, harta warna sedang digunakan untuk menetapkan warna untuk elemen p dan bentuk. Perhatikan bahawa nama harta itu diikuti oleh kolon (:).

Nilai

#000000;
merah;

Anda boleh menggunakan nama warna, kod warna heksadesimal atau kod warna RGB untuk menetapkan nilai warna. Dalam contoh kami, kami menggunakan kod warna heksadesimal (# 000000) untuk elemen p dan nama warna (merah) untuk elemen bentuk. Kita juga boleh menggunakan rgb kod warna RGB (100%, 0%, 0%). Perhatikan bahawa nilai warna diikuti dengan titik koma (;).

Arahan Video: Cara Membuat Slide Isi Presentasi PowerPoint yang Cantik Menawan (Mungkin 2024).

Cara Tetapkan Warna Teks dan Hadapan dengan Lembaran Gaya Cascading Warna Harta, HTML, sifat warna CSS, cara menggunakan harta warna, cara menetapkan warna teks pada laman web dengan CSS, bagaimana menetapkan warna peraturan mendatar pada laman web dengan CSS, bagaimana menggunakan CSS untuk menetapkan warna elemen bentuk

Artikel Sebelumnya

Artikel Seterusnya

Artikel Berkaitan

komputer

Projek Gotham Racing 3 - XBox 360

Mungkin 2024

Jika anda seorang peminat perlumbaan, ini adalah permainan mesti dimiliki untuk Xbox 360 anda. Jika anda hanya ingin melihat bagaimana grafiknya berada di Xbox 360, di sewa lesat permainan ini. Ia...

komputer

Tag Hang Produk Dengan Cameo Siluet

Mungkin 2024

Dalam tutorial ini, kami akan menggunakan alat lukisan ringkas dalam perisian Siluet Cameo dan Silhouette Studio Designer Edition untuk menarik garisan potongan untuk tag hang produk. Die cut hang...