W3.CSS Renkleri
W3.CSS'de kullanılan varsayılan renk şeması Materyal Tasarım Renklerinden (pazarlamada kullanılan renkler, yol işaretleri ve yapışkan notlar) esinlenmiştir.
HTML Öğelerini Boyama
w3- color ve w3-text- color sınıfları, herhangi bir HTML öğesini renklendirmek için kullanılabilir:
Konteynerler:
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Düğmeler:
Metin:
Sınırlar:
kırmızı
Yeşil
Mavi
Sarı
Gri
Siyah
Tablolar:
İsim | Puan |
---|---|
Jill Smith | 50 |
Havva Jackson | 94 |
Adam Johnson | 67 |
Kartlar:
Araba, ulaşım için kullanılan tekerlekli, kendi kendine çalışan bir motorlu araçtır. Terimin çoğu tanımı, arabaların öncelikle yollarda çalışacak, bir ila sekiz kişilik oturma yeri olacak ve tipik olarak dört tekerlekli olacak şekilde tasarlandığını belirtir. (Vikipedi)
Arka Plan Renkleri
w3- color sınıfları, herhangi bir HTML öğesi için arka plan rengini ayarlar :
Londra
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Londra
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Londra
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Örnek
<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>
Tüm W3.CSS sınıflarında gri ve gri renkler birbirinin yerine kullanılabilir.
Metin Renkleri
w3- text- color sınıfları, herhangi bir HTML öğesinin metin rengini ayarlar :
Londra
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Londra
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Örnek
<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>
vurgulu renkler
w3- hover- color sınıfları , herhangi bir HTML öğesi için arka plan üzerine gelme rengini tanımlar:
Londra
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Örnek
<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>
w3-hover- text- color sınıfları , herhangi bir HTML öğesi için metin vurgulu rengini tanımlar:
Londra
Londra, 9 milyonu aşan metropol alanıyla Birleşik Krallık'ın en kalabalık şehridir.
Örnek
<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>
Renk kitaplıkları
Standart W3.CSS renklerine ek olarak, W3.CSS ayrıca birçok farklı renk kitaplığından renkleri kullanabilir:
Windows Renkleri:
Windows renkleri hakkında daha fazla bilgi edinmek için burayı tıklayın
Moda Renkleri:
sarısı
Ladin
Şakayık
Limanı
Moda renkleri hakkında daha fazla bilgi edinmek için buraya tıklayın
Otoyol Renkleri:
Renk kitaplıkları hakkında daha fazla bilgi edinmek için burayı tıklayın
Bu öğreticinin sonraki bölümlerinde renkler hakkında çok daha fazla şey öğreneceksiniz.