การกำหนดสีใน CSS สามารถกำหนดเป็นชื่อสี กำหนดในรูปแบบ rgb หรือกำหนดแบบเลขฐาน 16 ก็ได้
เช่้นสีแดง อาจกำหนดเป็น
red หรือ
rgb(255,0,0) หรือ
#ff0000 ก็ได้
มีชื่อสีทั้งหมด 17 ชื่อสีที่ได้กำหนดไว้แล้วได้แก่ aqua, black, blue, fuchsia, gray, green, lime,
maroon, navy, olive, orange, purple, red, silver, teal, white, และ yellow.
transparent สามารถนำมาใช้กำหนดได้
ค่าตัวเลข 3 ตัวใน rgb คือค่าที่อยู่ระหว่าง 0 ถึง 255 โดย 0 จะเป็นระดับค่าสีที่ต่ำที่สุด
และ 255 จะเป็นระดับค่าสีที่สูงที่สุด นอกจากนี้เรายังสามารถกำหนดค่าดังกล่าว
ในรูปของเปอร์เซ็นต์ เช่น rgb(80%,20%,20%) เป็นต้น
สำหรับการกำหนดค่าสีด้วยเลขฐาน 16 จะนำหน้าด้วย เครื่องหมาย # เข่น #FF0000 เป็นต้น
ตัวอย่างการกำหนดค่าสี
1 2 3 4 5 6 7 8 9 | body{ color:red;}p{ color:#FF0000;}div{ color:rgb(255,0,0);} |
เนื้อหาที่เี่กี่ยวข้อง
- การใช้งาน CSS - ศึกษาิวิธีการนำ CSS ไปใช้กับ HTML
- สิ่งที่เรียกว่า Selects, Properties , and Values - สิ่งที่เป็นองค์ประกอบของ CSS
- สี Colours - การใช้งานสี
- ข้อความ Text - การจัดการเกี่ยวกับขนาดและรูปร่างของข้อความ
- Margins and Padding - การจัดการพื้นที่ระหว่างสิ่งต่างๆ
- Borders - การจัดการเกี่ยวกับขอบ
- รวมส่วนประกอบต่างข้างบนเป็น CSS
