CSS สี
ระบุสีโดยใช้ชื่อสีที่กำหนดไว้ล่วงหน้า หรือค่า RGB, HEX, HSL, RGBA, HSLA
ชื่อสี CSS
ใน CSS สามารถระบุสีได้โดยใช้ชื่อสีที่กำหนดไว้ล่วงหน้า:
มะเขือเทศ
ส้ม
DodgerBlue
กลางทะเลสีเขียว
สีเทา
กระดานชนวนสีฟ้า
สีม่วง
แสงสีเทา
CSS/HTML รองรับ ชื่อ สีมาตรฐาน 140 ชื่อ
สีพื้นหลัง CSS
คุณสามารถตั้งค่าสีพื้นหลังสำหรับองค์ประกอบ HTML:
สวัสดีชาวโลก
ความเจ็บปวดคือความรัก จึงเป็นเหตุให้เกิดขึ้นมาเพียงเล็กน้อยเท่านั้น ที่ผู้ปฏิบัติธรรมดาของเราแบกรับผลที่ตามมา
ตัวอย่าง
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
CSS Text Color
คุณสามารถกำหนดสีของข้อความ:
สวัสดีชาวโลก
ความเจ็บปวดคือความรัก
จึงเป็นเหตุให้เกิดขึ้นมาเพียงเล็กน้อยเท่านั้น ที่ผู้ปฏิบัติธรรมดาของเราแบกรับผลที่ตามมา
ตัวอย่าง
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
CSS Border Color
คุณสามารถกำหนดสีของเส้นขอบ:
สวัสดีชาวโลก
สวัสดีชาวโลก
สวัสดีชาวโลก
ตัวอย่าง
<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:
เช่นเดียวกับชื่อสี "มะเขือเทศ":
rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)
เช่นเดียวกับชื่อสี "มะเขือเทศ" แต่โปร่งใส 50%:
rgba (255, 99, 71, 0.5)
สลา (9, 100%, 64%, 0.5)
ตัวอย่าง
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>