بازی آنلاین
آپلود عکس
13-05-2021، 10:46
کار با رنگ ها یا Colors در HTML
در این بخش میخواهیم با نحوه استفاده از رنگ ها یا به انگلیسی Colors در HTML و اینکه از چه روش هایی میتوانیم از رنگ ها در HTML استفاده نماییم،آشنا شویم. لطفا در ادامه با من همراه باشید.
دوستان عزیز و محترم سایت آموزشی فری لرن ، آموزش کامل کار با رنگ ها، از جمله آموزش کامل انواع رنگ ها و انواع کدهای رنگ ها و.. را از منوی اصلی سایت بخش رنگ ها مشاهده نمایید.
لذا در این قسمت فقط بصورت خلاصه ما با انواع روش های رنگدهی و نحوه استفاده از این روش های در صفحات وب و بطور کلی در یک صفحه ی HTML آشنا خواهیم شد.
ما از چندین روش میتونیم از رنگ ها در HTML و یا CSS استفاده نمایم که این روش هارو در ادامه مشاهده خواهید نمود :
استفاده از نام رنگ | Color Name
استفاده از کد هگزادسیمال رنگ | HEX
استفاده از مقدار RGB رنگ | RGB Value
نام رنگ یا Color Name
در این روش همونطور که از اسمش هم پیداست ما باید از نام رنگ استفاده نماییم، مثلا اگر بخواهیم از رنگ قرمز و آبی استفاده نماییم باید نام این دو رنگ را بصورت red و blue وارد نماییم.
مثال :
در این بخش میخواهیم با نحوه استفاده از رنگ ها یا به انگلیسی Colors در HTML و اینکه از چه روش هایی میتوانیم از رنگ ها در HTML استفاده نماییم،آشنا شویم. لطفا در ادامه با من همراه باشید.
دوستان عزیز و محترم سایت آموزشی فری لرن ، آموزش کامل کار با رنگ ها، از جمله آموزش کامل انواع رنگ ها و انواع کدهای رنگ ها و.. را از منوی اصلی سایت بخش رنگ ها مشاهده نمایید.
لذا در این قسمت فقط بصورت خلاصه ما با انواع روش های رنگدهی و نحوه استفاده از این روش های در صفحات وب و بطور کلی در یک صفحه ی HTML آشنا خواهیم شد.
ما از چندین روش میتونیم از رنگ ها در HTML و یا CSS استفاده نمایم که این روش هارو در ادامه مشاهده خواهید نمود :
استفاده از نام رنگ | Color Name
استفاده از کد هگزادسیمال رنگ | HEX
استفاده از مقدار RGB رنگ | RGB Value
نام رنگ یا Color Name
در این روش همونطور که از اسمش هم پیداست ما باید از نام رنگ استفاده نماییم، مثلا اگر بخواهیم از رنگ قرمز و آبی استفاده نماییم باید نام این دو رنگ را بصورت red و blue وارد نماییم.
مثال :
کد:
1
2
3
4
5
6
7
8
9
10
11
<body>
<p style="background-color:red;">
Man Sadegh Hastam
</p>
<p style="background-color:blue;">
Salam Khobi
</p>
</body>کد:
<body>
<p style="background-color:#6AC239;">
Salam Khobi
</p>
<p style="background-color:#9C27B0;">
Man Sadegh Hastam
</p>
</body>
![[-]](http://www.flashkhor.com/forum/images/collapse.gif "[-]")
