ภาพพื้นหลัง CSS
CSS background-image
คุณสมบัติbackground-image
ระบุรูปภาพเพื่อใช้เป็นพื้นหลังขององค์ประกอบ
โดยค่าเริ่มต้น รูปภาพจะถูกทำซ้ำเพื่อให้ครอบคลุมทั้งองค์ประกอบ
ตัวอย่าง
ตั้งค่าภาพพื้นหลังสำหรับหน้า:
body {
background-image: url("paper.gif");
}
ตัวอย่าง
ตัวอย่างนี้แสดงการผสมผสานระหว่างข้อความและรูปภาพพื้นหลังที่ไม่ถูกต้อง ข้อความอ่านยาก:
body {
background-image: url("bgdesert.jpg");
}
หมายเหตุ:เมื่อใช้รูปภาพพื้นหลัง ให้ใช้รูปภาพที่ไม่รบกวนข้อความ
ภาพพื้นหลังสามารถกำหนดองค์ประกอบเฉพาะได้ เช่น <p> องค์ประกอบ:
ตัวอย่าง
p {
background-image: url("paper.gif");
}