آموزش CSS – آشنایی با Property یی تحت عنوان color در سی اس اس (CSS) (جلسه ۲۶)

برای آنکه بتوانیم در سی اس اس (CSS) رنگ نوشته های خود را تغییر دهیم، می بایست از دستور color استفاده کنیم. برای روشن شدن این موضوع کدهای اچ تی ام ال (HTML) زیر را وارد ویرایشگر متن می کنیم:

<!DOCTYPE html>
<html>
   
   <head>
       <meta charset="utf-8">
       <title>asrefonon</title>
       <link type="text/css" rel="stylesheet" href="/css/main.css">
   </head>
   
   <body>
       <p>This is a paragraph.</p>
   </body>
</html>

برای تغییر دادن رنگ پاراگرافی که داخل تگ body قرار دارد، کدهای سی اس اس (CSS) زیر را در نظر می گیریم:

P {
   color:red;
}

برای تغییر رنگ متون اچ تی ام ال (HTML) می بایست از دستور color استفاده کرد. مقادیری که برای این Property می توان در نظر گرفت شامل رنگ های از پیش تعریف شده در سی اس اس مثل Red، blue و … به علاوه مقادیر Hexadecimal مثل ff0000 # و نیز مقادیر rgb،  hsl است (برای آشنایی بیشتر با این مقادیر به آموزش های پیشین مراجعه نمایید).
حال برای مشاهده تاثیر کدهای سی اس اس (CSS)، فایل خود را داخل مرورگر اجرا می کنیم:

css_color_property

221

اسماعیلی هستم مدیر عصر فنون. فارغ التحصیل مقطع کارشناسی ارشد رشته مهندسی فناوری اطلاعات (IT)