آموزش رنگ متن(text color) در CSS

Ratings
(0)

فرمت دهی به متن

این متن با استفاده از برخی ویژگی های فرمت دهی متن استایل دهی شده است. عنوان مورد نظر از ویژگی های text-align و text-transform و color استفاده می کند. این پاراگراف تو رفتگی دارد و تراز شده است و فضای بین کاراکترها مشخص شده است. در متن لینک زیر، زیرخط یا همان آندرلاین حذف شده است: "امتحان کنید"

امتحان کنید


رنگ متن(Text Color) در CSS

از ویژگی color برای تنظیم رنگ یک متن استفاده می شود. این رنگ می تواند مقادیر زیر را داشته باشد:

  1. یک نام رنگ: مانند red (قرمز)
  2. یک مقدار هگزادسیمال: مانند #ff0000
  3. یک مقدار RGB : مانند rgb(255,0,0)

برای مشاهده ی یک لیست کامل از مقادیر رنگ های امکان پذیر برای color در CSS می توانید به این مقاله مراجعه کنید. رنگ پیش فرض برای متن یک صفحه، در داخل سلکتور body تعریف می شود.

مثال شماره 1

body {
  color: blue;
}

h1 {
  color: green;
}
امتحان کنید

 


رنگ متن و رنگ پس زمینه در CSS

در این مثال، ما هردوی ویژگی های background-color و color را تعریف می کنیم:

مثال شماره 2

body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}

div {
  background-color: blue;
  color: white;
}
امتحان کنید

نکته مهم: کنتراست بالا(High contrast) برای افرادی که مشکلات بینایی دارند بسیار مهم است. بنابراین همواره مطمئن شوید که بین رنگ متن(text color) و رنگ پس زمینه(background color) یا تصویر پس زمینه،  کنتراست خوبی برقرار باشد.

 

  • بازدید: 389

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال