รูปภาพพื้นหลัง CSS

background-image มูลค่าที่กำหนดรูปภาพที่ใช้ทำเป็นพื้นหลังขององค์ประกอบ

โดยมาตรฐาน รูปภาพจะถูกเรียกใช้เพื่อครอบคลุมองค์ประกอบทั้งหมด

รูปภาพพื้นหลังของหน้านี้สามารถตั้งได้เช่นนี้:

body {
  background-image: url("paper.gif");
}

ตัวอย่างนี้แสดงรูปแบบของข้อความและรูปภาพพื้นหลังข้อผสมที่ผิดข้อความยากอ่าน:

body {
  background-image: url("bgdesert.jpg");
}

ข้อเน้น:ในขณะที่ใช้รูปภาพพื้นหลัง ใช้รูปภาพที่ไม่ทำให้ข้อความยากอ่าน

สามารถตั้งรูปภาพพื้นหลังสำหรับองค์ประกอบเฉพาะได้ ตัวอย่างเช่น <p> องค์ประกอบ:

p {
  background-image: url("paper.gif");
}

CSS บทความสอนพื้นฐาน