آموزش کار با رنگ ها در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با رنگ ها در CSS با من همراه باشید.

آموزش کار با رنگ ها در CSS

Free-Learn

کار با رنگ ها در CSS

توی همین سایت خودم تا الان چندین بار مطلب درباره رنگ ها در طراحی وب منتشر کردم، این نشون میده که رنگ ها چقد میتونه مهم باشه در طراحی وب.

بطور کلی ما چندین روش داریم که میتونیم از رنگ ها در طراحی وب استفاده نماییم ، که همه ی این روش هارو بنده بصورت جداگانه و بطور کامل آموزش دادم که در صورت تمایل میتوانید از منوی اصلی سایت بخش آموزش رنگ ها رو مشاهده نمایید :

Free-Learn

حال در CSS ما ۲ ویژگی مهم در حوزه استفاده از رنگ ها داریم که این ۲ ویژگی بصورت زیر می باشند :

  • Background-color : برای تنظیم رنگ زمینه
  • Color : برای تنظیم رنگ متن

پس این ۲ ویژگی یکی برای تنظیم رنگ زمینه یک عنصر و دیگری برای تنظیم رنگ متن عنصر بکار برده میشه، مقدار این ۲ ویژگی هم میشه همون کد رنگ ها (حالا میتونه نام رنگ باشه یا کدهگزادسیمال یا rgb و…).

Free-Learn

ویژگی Background Color در CSS

با استفاده از این ویژگی میتوان یک رنگ زمینه برای یک عنصر تعریف کرد، شکل کلی استفاده از این ویژگی در CSS بصورت زیر می باشد :

مثال :

امتحان کنید

Free-Learn

ویژگی Color در CSS

با استفاده از این ویژگی میتوان رنگ متن یک عنصر را مشخص کرد، شکل کلی استفاده از این ویژگی در CSS بصورت زیر می باشد :

مثال :

امتحان کنید

Free-Learn

مجموعه ای از نام رنگ ها را از اینجا مشاهده نمایید.

مجموعه ای از کدرنگ هگزادسیمال را از اینجا مشاهده نمایید.

مجموعه ای از کدرنگ RGB را از اینجا مشاهده نمایید.