MiPiBoy
Loading...
آماده‌سازی تجربه0%
در CSS رنگ‌ها با روش‌های مختلفی مانند نام‌های رنگی، کدهای هگزادسیمال، مقادیر RGB و HSL تعریف می‌شوند که هرکدام برای شرایط خاصی مناسب هستند.
رنگ متن را تعیین می‌کند. مقادیر:
p { color: blue; }p { color: red; }
h1 { color: DarkBlue; }p { color: rgb(255,0,0); } /* قرمز */
p { color: rgb(0,255,0); } /* سبز */
p { color: rgb(0,0,255); } /* آبی */p { color: rgba(255,0,0,0.5); } /* قرمز نیمه‌شفاف */p { color: hsl(0,100%,50%); } /* قرمز */
p { color: hsl(120,100%,40%); } /* سبز */p { color: hsla(120,100%,40%,0.5); }#RRGGBB یا #RGB (کوتاه).p { color: #ff0000; } /* قرمز کامل */
p { color: #f00; } /* قرمز کوتاه */
p { color: #00ff00; } /* سبز */
p { color: #090; } /* سبز کوتاه */رنگ پس‌زمینه عنصر.
div { background-color: yellow; }همه روش‌های بالا قابل استفاده.
<!DOCTYPE html>
<html>
<head>
<style>
.red { color: #f00; background-color: #ff0; }
.green { color: rgb(0,255,0); }
.blue { color: hsl(240,100%,50%); }
</style>
</head>
<body>
<p class="red">قرمز</p>
<p class="green">سبز</p>
<p class="blue">آبی</p>
</body>
</html>برچسب‌ها: CSS, رنگ, Color, RGB, HSL, Hex.