วิธีการควบคุมสีพื้นหลังโดยใช้สไตล์ชีทแบบเรียงซ้อน
คุณสามารถใช้ Cascading Style Sheets เพื่อควบคุมสีของพื้นหลังสำหรับหน้าเว็บทั้งหมดและสำหรับองค์ประกอบเฉพาะบนหน้าเว็บ ลองมาดูตัวอย่างที่จะตั้งค่าสีพื้นหลังสำหรับหน้าเว็บเป็นสีขาวและสีพื้นหลังสำหรับย่อหน้า (แต่ละองค์ประกอบ) เป็นสีแดง

รหัส CSS พื้นฐาน



ตัวอย่าง




selectors
ร่างกาย
พี
ในตัวอย่างของเรามีกฎ CSS อยู่สองข้อ เนื้อหาในแท็ก HTML เป็นตัวเลือกที่บอกให้เบราว์เซอร์ใช้สไตล์ของกฎข้อแรกกับพื้นหลังสำหรับหน้าเว็บทั้งหมด p ใน HTML

แท็กบอกให้เบราว์เซอร์ใช้กฎที่สองกับย่อหน้า (องค์ประกอบ) บนหน้าเว็บ

คุณสมบัติ

สีพื้นหลัง
พื้นหลังสีเป็นคุณลักษณะที่ถูกควบคุมโดยสไตล์ ในตัวอย่างของเรามีการตั้งค่าแอตทริบิวต์ background-color สำหรับทั้งหน้าเว็บและย่อหน้า ชื่อคุณสมบัติ, สีพื้นหลัง, ตามด้วยเครื่องหมายจุดคู่ (:)

ค่า
#ffffff
สีแดง
ทางด้านขวาของเครื่องหมายจุดคู่จะเป็นค่าสำหรับพื้นหลังสี ในตัวอย่างของเรามีการใช้รหัสเลขฐานสิบหกสำหรับสีขาว (#ffffff) ในกฎข้อแรกและใช้ชื่อสีสำหรับสีแดง (สีแดง) สำหรับกฎที่สอง คุณสามารถใช้รหัสสี RGB หรือคุณสามารถตั้งค่าเป็นแบบโปร่งใสได้หากคุณต้องการให้สีพื้นหลังเป็นแบบโปร่งใส

สีพื้นหลัง: โปร่งใส
สีพื้นหลัง: rgb (255,0,0)