tutorial pengembangan web terbaru
 

W3.CSS warna


Kelas warna

W3.CSS menggunakan kelas warna, yang dapat digunakan pada setiap elemen HTML.

Kelas-kelas warna terinspirasi oleh warna yang digunakan dalam pemasaran, rambu-rambu jalan, dan catatan tempel.

London

London adalah ibukota Inggris. Ini adalah kota terpadat di Inggris, dengan wilayah metropolitan lebih dari 13 juta penduduk.

Contoh

<div class="w3-indigo">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom.</p>
</div>
Cobalah sendiri "

Nama warna

w3-red

w3-merah muda

w3-ungu

w3-deep-ungu

w3-indigo

w3-biru

w3-cahaya biru

w3-cyan

w3-aqua

w3-teal

w3-hijau

w3-lampu-hijau

w3-lime

w3-pasir

w3-khaki

w3-kuning

w3-amber

w3-oranye

w3-dalam-oranye

w3-biru-abu-abu

w3-coklat

w3-abu-abu terang

w3-abu

w3-abu-abu gelap

w3-hitam

w3-pucat-red

w3-pucat-kuning

w3-hijau pucat

w3-pucat-biru


berwarna Kontainer

London adalah ibukota Inggris. Ini adalah kota terpadat di Inggris, dengan wilayah metropolitan lebih dari 13 juta penduduk.


London adalah ibukota Inggris. Ini adalah kota terpadat di Inggris, dengan wilayah metropolitan lebih dari 13 juta penduduk.


Tombol berwarna


berwarna Teks

Red Ungu Biru Hijau Oranye


berwarna Borders

Red Green Blue Black Orange


Warna Hover

Warna w3-hover- dan kelas warna w3-hover text memungkinkan penggunaan semua warna di atas sebagai hoverable latar belakang dan teks warna:

Red Ungu Biru Hijau Oranye


Tabel berwarna

Nama poin
Jill Smith 50
Eve Jackson 94
Adam Johnson 67
bo Nilson 35

Kartu berwarna

Sebuah mobil adalah roda, self-powered kendaraan bermotor yang digunakan untuk transportasi. Sebagian besar definisi dari istilah menetapkan bahwa mobil dirancang untuk berjalan terutama di jalan-jalan, untuk memiliki tempat duduk untuk satu sampai delapan orang, untuk biasanya memiliki satu sampai delapan orang, untuk biasanya memiliki empat roda. (Wikipedia)


Kelas Warna Teks

pada Black

w3-teks-red

w3-teks-merah muda

w3-teks-ungu

w3-teks deep-ungu

w3-teks-indigo

w3-teks-biru

w3-teks-cahaya biru

w3-teks-cyan

w3-teks-aqua

w3-teks-teal

w3-teks-hijau

w3-teks-lampu-hijau

w3-teks-lime

w3-teks-pasir

w3-teks-khaki

w3-teks-kuning

w3-teks-kuning

w3-teks-oranye

w3-text-dalam-oranye

w3-teks-biru-abu-abu

w3-teks-coklat

w3-teks-abu-abu terang

w3-teks-abu

w3-teks gelap abu-abu

w3-teks-hitam

w3-teks-putih

on Grey

w3-teks-red

w3-teks-merah muda

w3-teks-ungu

w3-teks deep-ungu

w3-teks-indigo

w3-teks-biru

w3-teks-cahaya biru

w3-teks-cyan

w3-teks-aqua

w3-teks-teal

w3-teks-hijau

w3-teks-lampu-hijau

w3-teks-lime

w3-teks-pasir

w3-teks-khaki

w3-teks-kuning

w3-teks-kuning

w3-teks-oranye

w3-text-dalam-oranye

w3-teks-biru-abu-abu

w3-teks-coklat

w3-teks-abu-abu terang

w3-teks-abu

w3-teks gelap abu-abu

w3-teks-hitam

w3-teks-putih

tentang White

w3-teks-red

w3-teks-merah muda

w3-teks-ungu

w3-teks deep-ungu

w3-teks-indigo

w3-teks-biru

w3-teks-cahaya biru

w3-teks-cyan

w3-teks-aqua

w3-teks-teal

w3-teks-hijau

w3-teks-lampu-hijau

w3-teks-lime

w3-teks-pasir

w3-teks-khaki

w3-teks-kuning

w3-teks-kuning

w3-teks-oranye

w3-text-dalam-oranye

w3-teks-biru-abu-abu

w3-teks-coklat

w3-teks-abu-abu terang

w3-teks-abu

w3-teks gelap abu-abu

w3-teks-hitam

w3-teks-putih