Warna W3.CSS
Skema warna default yang digunakan di W3.CSS terinspirasi oleh Warna Desain Material (warna yang digunakan dalam pemasaran, rambu jalan, dan catatan tempel).
Mewarnai Elemen HTML
Kelas w3- color dan w3-text- color dapat digunakan untuk mewarnai elemen HTML apa pun:
Wadah:
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
Tombol:
Teks:
Perbatasan:
merah
Hijau
Biru
Kuning
Abu-abu
Hitam
Tabel:
Nama | Poin |
---|---|
Jill Smith | 50 |
Eve Jackson | 94 |
Adam Johnson | 67 |
Kartu-kartu:
Mobil adalah kendaraan bermotor beroda, bertenaga sendiri yang digunakan untuk transportasi. Sebagian besar definisi istilah menentukan bahwa mobil dirancang untuk berjalan terutama di jalan raya, memiliki tempat duduk untuk satu hingga delapan orang, untuk biasanya memiliki empat roda. (Wikipedia)
Warna Latar Belakang
Kelas warna w3- mengatur warna latar belakang untuk elemen HTML apa pun:
London
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
London
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
London
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
Contoh
<div class="w3-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-yellow">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-gray">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Warna abu-abu dan abu -abu dapat dipertukarkan di semua kelas W3.CSS.
Warna Teks
Kelas w3-text- color mengatur warna teks dari setiap elemen HTML:
London
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
London
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
Contoh
<div class="w3-text-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
Arahkan Warna
Kelas warna w3-hover- menentukan warna hover latar belakang untuk elemen HTML apa pun:
London
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
Contoh
<div class="w3-container w3-orange w3-hover-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
Kelas warna w3-hover-text- menentukan warna kursor teks untuk elemen HTML apa pun:
London
London adalah kota terpadat di Britania Raya, dengan wilayah metropolitan lebih dari 9 juta penduduk.
Contoh
<div class="w3-container w3-orange w3-hover-text-white">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
Perpustakaan warna
Selain warna W3.CSS standar, W3.CSS juga dapat menggunakan warna dari banyak perpustakaan warna yang berbeda:
Warna Jendela:
Klik di sini untuk mempelajari lebih lanjut tentang warna Windows
Warna Busana:
Kuning Primrose
Pohon cemara berbayang
Peony Angkatan Laut
Pelabuhan Tawny
Klik di sini untuk mempelajari lebih lanjut tentang warna fashion
Warna Jalan Raya:
Klik di sini untuk mempelajari lebih lanjut tentang perpustakaan warna
Anda akan belajar lebih banyak tentang warna di bab selanjutnya dari tutorial ini.