Myanmar Coder Guide

Course Outline from w3school.com

Friday, December 4, 2020

HTML Colors

HTML အရောင်များကိုကြိုတင်သတ်မှတ်ထားသောအရောင်အမည်များသို့မဟုတ် RGB, HEX, HSL, RGBA သို့မဟုတ် HSLA တန်ဖိုးများဖြင့်သတ်မှတ်နိုင်သည်။

Color Names

HTML တွင်အရောင်အမည်ကို အသုံးပြု၍ အရောင်သတ်မှတ်နိုင်သည်။

Tomato

Orange

DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

Try if yourself »

Background Color

HTML element တွေရဲ့နောက်ခံအရောင်ကိုသတ်မှတ်နိုင်ပါတယ်။

Hellow World

Example

  1. <h1 style="background-color:DodgerBlue;">Hello World<h1>
  2. <p style="background-color:Tomato;">Lorem ipsum...<p>
Try if yourself »

Text Color

စာသားရဲ့အရောင်ကိုသင်သတ်မှတ်နိုင်သည်။

Hello World

Example

  1. <h1 style="color:Tomato;">Hello World</h1 >
  2. <p style="color:DodgerBlue;">Lorem ipsum...</p >
  3. <p style="color:MediumSeaGreen;">Ut wisi enim...</p >
Try if yourself »

Border Color

borderရဲ့အရောင်ကိုသင်သတ်မှတ်နိုင်သည်။

Hello World
Hello World
Hello World

Example

  1. <h1 style="border:2px solid Tomato;">Hello World</h1>
  2. <h1 style="border:2px solid DodgerBlue;">Hello World</h1>
  3. <h1 style="border:2px solid Violet;">Hello World</h1>
Try if yourself »

Color Value

HTML တွင်အရောင်များကို RGB တန်ဖိုးများ၊ HEX တန်ဖိုးများ၊ HSL တန်ဖိုးများ၊ RGBA တန်ဖိုးများနှင့် HSLA တန်ဖိုးများဖြင့်သတ်မှတ်နိုင်သည်။ အောက်ပါ <div> element သုံးခုသည် RGB, HEX နှင့် HSL တန်ဖိုးများဖြင့်သူတို့၏နောက်ခံအရောင်ကိုထားရှိသည်။

rgb(255, 99, 71)

#ff6347

hsl(9, 100%, 64%)

အောက်ပါ <div> elementsနှစ်ခုသည် RGBA နှင့် HSLA တန်ဖိုးများနှင့်အတူသူတို့၏နောက်ခံအရောင်သတ်မှတ်ထားသည်။0.5 and 0.8 သည် အရောင်မြင်သာမှု ၅၀%ဖြစ်သည်။

rgba(255, 99, 71, 0.5)

hsla(9, 100%, 64%, 0.8)

Example

  1. <h1 style="background-color:rgb(255, 99, 71);">...</h1>
  2. <h1 style="background-color:#ff6347;">...</h1>
  3. <h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

  4. <h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
  5. <h1 style="background-color:color:hsla(9, 100%, 64%, 0.8);">...</h1>
Try if yourself »

No comments:

Post a Comment