CSS စက်တင်း အရောင်

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

CSS 颜色名

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

Tomato
Orange
DodgerBlue
မိုက်မိုက်မိုက်မြောက်သစ်သစ်
ဂါ
ဆယ်ပြည်ပြည်
ဗီယက်
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>

亲自试一试

CSS စက်တင်း အကျယ် အရောင်

သင်သည် အဝက်အရောင်ကို အစားထိုးနိုင်ပါသည်:

Hello World
Hello World
Hello World

အကြောင်းကြား

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

亲自试一试

CSS အရောင် အတ္ထုပတ္တိ

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 的更多知识。