ویژگی background-color در CSS

ویژگی background-color در CSS

سلام دوستان آی آر پروگرمی

از ویژگی background-color برای تعیین رنگ پس زمینه عناصر مختلف در یک صفحه وب استفاده میشه.

برای مثال به کد زیر توجه کنید :

h4 { 
  background-color: #000;
  color: gray;
}

موارد قابل قبول برای خاصیت یکگراند کالر به صورت زیره :

اسم خود رنگ مثل : red , blue , yellow و ….

کد هگزادسیمال رنگ مثل : ff0000# و …. که میتونین از سایت https://flatuicolors.com و سایت های دیگه ای که وجود دارن این رنگ ها رو بردارین .

اگه بخوایم پس زمینه عنصر رو دارای بک گراند رنگی کنیم با همین ویژگی background-color میتونیم به پس زمینه عنصر در صفحه وب رنگ بدیم. فقط یه چیزی رو حواستون باشه که رنگی که به پس زمینه عنصر میدین با زنگ خود عنصر در تضاد باشه که قابل خوندن باشه .

مثال زیر رو یه نگاهی بندازین :

[codepen_embed height=”265″ theme_id=”0″ slug_hash=”XWrZMam” default_tab=”html,result” user=”farzanenaghshbandy”]See the Pen <a href=’https://codepen.io/farzanenaghshbandy/pen/XWrZMam/’>XWrZMam</a> by farzanenaghshbandy (<a href=’https://codepen.io/farzanenaghshbandy’>@farzanenaghshbandy</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]