السلام علیک یا اباعبداللّه الحسین

سبد خرید (0)

کتابخانه رنگ ها در W3.CSS

کتابخانه های رنگ

کتابخانه های رنگ ،  فایلهای CSS  شامل مقادیر رنگی هستند که به طور معمول استفاده میشوند مانند استانداردهای ایمنی ،رنگ های بزرگراهها ,و رنگهای استتارو غیره.


چگونه از کتابخانه های رنگ استفاده کنید:

کتابخانه های رنگ برای استفاده بسیار ساده اند.تنها یک لینک به کتابخانه رنگ را در صفحه وب خود بیفزایید:

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3-colors-highway.css">

سپس نام کلاس را به عنصر HTML که میخواهید به آن رنگ دهید بیفزایید:

<div class="w3-highway-schoolbus">Schoolbus</div>
<div class="w3-highway-green">Falcon Ridge Parkway</div>
<div class="w3-highway-red">STOP</div>
خودتان امتحان کنيد »

رنگ های بزرگراهها US

w3-highway-brown
w3-highway-red
w3-highway-orange
w3-highway-schoolbus
w3-highway-yellow
w3-highway-green
w3-highway-blue

رنگ های ایمنی US

w3-safety-red
w3-safety-orange
w3-safety-yellow
w3-safety-green
w3-safety-blue
w3-safety-purple


مثال

<div class="w3-safety-red">DANGER</div>
خودتان امتحان کنيد »   مشاهده همه »   دانلود فایل CSS »

رنگ های استتار

w3-camo-brown
w3-camo-red
w3-camo-olive
w3-camo-field
w3-camo-earth
w3-camo-sand
w3-camo-tan
w3-camo-sandstone
w3-camo-dark-green
w3-camo-forest
w3-camo-light-green
w3-camo-green
w3-camo-dark-grey
w3-camo-grey
w3-camo-black


مثال

<div class="w3-camo-earth">Camouflaged Truck</div>
<div class="w3-camo-grey">Camouflaged Ship</div>
خودتان امتحان کنيد »   مشاهده همه »   دانلود فایل CSS »

رنگ های زنده

w3-vivid-pink
w3-vivid-red
w3-vivid-orange
w3-vivid-yellow
w3-vivid-green
w3-vivid-blue
w3-vivid-violet
w3-vivid-purple
w3-vivid-black
w3-vivid-white
w3-vivid-yellowish-pink
w3-vivid-reddish-orange
w3-vivid-orange-yellow
w3-vivid-greenish-yellow
w3-vivid-yellow-green
w3-vivid-yellowish-green
w3-vivid-bluish-green
w3-vivid-greenish-blue
w3-vivid-purplish-blue
w3-vivid-reddish-purple
ww3-vivid-purplish-red


مثال

<div class="w3-vivid-red">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>
خودتان امتحان کنيد »   دانلود فایل CSS »

رنگ های سیگنال اروپا

w3-signal-yellow
w3-signal-orange
w3-signal-red
w3-signal-violet
w3-signal-blue
w3-signal-green
w3-signal-grey
w3-signal-brown
w3-signal-white
w3-signal-black 


مثال

<div class="w3-signal-red">Stop</div>
<div class="w3-signal-yellow">Wait</div>
<div class="w3-signal-green">Go</div>
خودتان امتحان کنيد »   مشاهده همه »   دانلود فایل CSS »

رنگ های غذا

w3-food-apple
w3-food-aspargus
w3-food-apricot
w3-food-aubergine
w3-food-avocado
w3-food-banana
w3-food-butter
w3-food-blueberry
w3-food-cherry
w3-food-chocolate
w3-food-cranberry
w3-food-coffee
w3-food-egg
w3-food-grape
w3-food-kiwi
w3-food-lemon
w3-food-lime
w3-food-mango
w3-food-mushroom
w3-food-mustard
w3-food-mint
w3-food-olive
w3-food-orange
w3-food-pea
w3-food-peach
w3-food-pear
w3-food-pistachio
w3-food-plum
w3-food-raspberry
w3-food-saffron
w3-food-salmon
w3-food-spearmint
w3-food-squash
w3-food-strawberry
w3-food-tomato
w3-food-wheat
w3-food-wine

مثال

<div class="w3-food-apple">Apple</div>
<div class="w3-food-banana">Banana</div>
خودتان امتحان کنيد »   مشاهده همه »   دانلود فایل CSS »