CSS ข้อความ

TEXT FORMATTING

รูปแบบข้อความ

ข้อความนี้มีรูปแบบด้วยคุณสมบัติรูปแบบของข้อความบางอย่าง หัวข้อใช้คุณสมบัติ text-align, text-transform และ color โดยเฉพาะ ประกายเชื่อมระหว่างประโยค จัดลำดับเชิงซ้ายไปขวา และกำหนดระยะห่างของตัวอักษร รอยสีชาติถูกลบออกจากสีสีนี้ "Try it Yourself" link.

ข้อความนี้ใช้คุณสมบัติรูปแบบของข้อความบางอย่างเพื่อตั้งรูปแบบ。หัวข้อใช้คุณสมบัติ text-align, text-transform และ color โดยเฉพาะ。เนื้อหาประกายเชื่อมระหว่างประโยค จัดลำดับเชิงซ้ายไปขวา และกำหนดระยะห่างของตัวอักษร จากนั้นจากสีสีนี้“ลองด้วยตัวเอง”ได้ลบรอยสีชาติออกจากลิงก์

ทดลองด้วยตัวเอง

สีของข้อความ

color คุณสมบัติใช้ตั้งค่าสีของข้อความ。สีนั้นกำหนดโดยค่าต่อไปนี้：

  • ชื่อสี - ตัวอย่าง "red"
  • หลักข้อมูลสิบสองทศนิยม - ตัวอย่าง "#ff0000"
  • RGB ค่า - ตัวอย่าง "rgb(255,0,0)"

ดู CSS ค่าสีโดยมีรายการค่าสีที่เป็นไปได้ทั้งหมด

สีของข้อความปกติของหน้าเว็บนั้นถูกกำหนดในเลือกเลือก body

ตัวอย่าง

body {
  color: blue;
}
h1 {
  color: green;
}

ทดลองด้วยตัวเอง

คำเตือน:สำหรับ CSS ที่ปฏิบัติตาม W3C: หากคุณกำหนด color รายละเอียด background-color รายละเอียด

สีของข้อความและสีพื้นหลัง

ในตัวอย่างนี้ เราได้กำหนด background-color รายละเอียดและ color รายละเอียด:

ตัวอย่าง

body {
  background-color: lightgrey;
  color: blue;
}
h1 {
  background-color: black;
  color: white;
}

ทดลองด้วยตัวเอง