Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีกำหนดสีข้อความด้วย CSS (color property)


คุณสมบัติ color

เพื่อกำหนดสีของข้อความ ให้ใช้คุณสมบัติ color

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การทำงานของคุณสมบัติ color ใน CSS:

<html>
  <head>
  </head>
  <body>
    <p style="color:blue;">
      ANTARTICA is a continent </p>
  </body>
</html>

รูปแบบสีที่รองรับ:

  • ชื่อสี: red, blue, green, transparent
  • HEX: #ff0000, #00ff00, #abcdef
  • RGB/RGBA: rgb(255,0,0), rgba(255,0,0,0.5)
  • HSL/HSLA: hsl(0,100%,50%), hsla(0,100%,50%,0.5)

คุณสมบัติ color ส่งผลต่อข้อความและขอบ (border) หากไม่ระบุสีขอบแยกต่างหาก