برای آنکه بتوانیم در سی اس اس (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)، فایل خود را داخل مرورگر اجرا می کنیم:
