ในการสร้างเว็บไซต์ที่มีภาพเดียวเป็นพื้นหลังเราแนะนำให้ใช้ตัวอย่าง CSS ด้านล่างในรหัส HTML ของคุณ

ในการใช้รหัสด้านบนในหน้าเว็บของคุณให้คัดลอกบรรทัดด้านบนและวางในระหว่างส่วนของหน้าเว็บของคุณ หากคุณใช้โปรแกรมแก้ไขหน้าเว็บแบบ WYSIWYG คุณจะต้องคลิกลิงค์หรือตัวเลือกที่อนุญาตให้คุณแทรกรหัส HTML ก่อนที่จะป้อนรหัสข้างต้น ในที่สุดตัวอย่างนี้ใช้รูปภาพจาก Computer Hope หากคุณต้องการใช้รูปภาพที่กำหนดเองให้แทนที่ URL ที่เป็นตัวหนาด้านบนด้วยตำแหน่งของรูปภาพของคุณ

เคล็ดลับ: หากคุณใช้สไตล์ชีต CSS ภายนอกคุณสามารถคัดลอกส่วนเนื้อหาของตัวอย่างด้านบนลงในไฟล์ CSS ของคุณได้

ใส่รหัสด้านบนที่นี่

ตัวอย่าง

เคล็ดลับ: ผู้ใช้หลายคนอาจต้องการสร้างภาพขนาดใหญ่เดียวเป็นพื้นหลัง หากคุณวางแผนที่จะทำสิ่งนี้โปรดคำนึงถึงผู้ที่มีการเชื่อมต่ออินเทอร์เน็ตที่ช้ากว่า รูปภาพขนาดใหญ่ต้องใช้เวลาในการโหลดและอาจไม่เหมาะสมกับผู้ที่ใช้จอภาพขนาดเล็กหรือความละเอียด

หมายเหตุ: หากคุณต้องการตั้งค่าภาพพื้นหลังให้ทำซ้ำแทนให้ตั้งค่าคุณสมบัติการ ทำซ้ำพื้นหลัง เป็นอย่างใดอย่างหนึ่งต่อไปนี้:

• ทำซ้ำ - ทำซ้ำภาพพื้นหลังทั้งแนวนอนและแนวตั้ง
• ซ้ำ -x - ทำซ้ำภาพพื้นหลังในแนวนอนเท่านั้น
• repeat-y - ทำซ้ำภาพพื้นหลังในแนวตั้งเท่านั้น