Kwarankwacin rayi CSS

指定颜色是通过使用预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。

CSS 颜色名

在 CSS 中，可以使用颜色名称来指定颜色：

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray

亲自试一试

CSS/HTML پشتیبانی می‌کند 140 رنگ استاندارد.

رنگ پس‌زمینه CSS

شما می‌توانید رنگ پس‌زمینه عناصر HTML را تنظیم کنید:

به چین خوش آمدید
چین کشور بزرگی است!

样本

<h1 style="background-color:DodgerBlue;">چین</h1>
<p style="background-color:Tomato;">چین کشور بزرگی است!</p>

亲自试一试

رنگ متن CSS

شما می‌توانید رنگ متن را تنظیم کنید:

چین

چین کشور بزرگی است!

چین، به صورت رسمی جمهوری خلق چین، کشور در آسیای شرقی است.

样本

<h1 style="color:Tomato;">چین</h1>
<p style="color:DodgerBlue;">چین کشور بزرگی است!</p>
<p style="color:MediumSeaGreen;">چین، به صورت رسمی جمهوری خلق چین...</p>

亲自试一试

Kwarankwacin kofe rayi CSS

شما می‌توانید رنگ حاشیه را تنظیم کنید:

مرحبا بالعالم
مرحبا بالعالم
مرحبا بالعالم

样本

<h1 style="border:2px solid Tomato;">مرحبا بالعالم</h1>
<h1 style="border:2px solid DodgerBlue;">مرحبا بالعالم</h1>
<h1 style="border:2px solid Violet;">مرحبا بالعالم</h1>

亲自试一试

CSS ɗaɗaɗuwar

در CSS، می‌توانید از مقادیر RGB، HEX، HSL، RGBA یا HSLA برای مشخص کردن رنگ استفاده کنید:

با لاسانی "Tomato" دا:

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

با لاسانی "Tomato" دا، لیکن شفافیت 50%:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
<h3>样本</h3> 
<h1 style="background-color:rgb(255, 99, 71);">...</h1>

...


...


...


...

亲自试一试

了解有关颜色值的更多信息

在下一章中，您将学习有关 RGB、HEX 和 HSL 的更多知识。