background-image: ...; คำสั่งนี้เป็นคำสั่งแทรกภาพที่จะใช้เป็น background ภาพที่ใช้ หากมีขนาดใหญ่มาก ๆ ก็จะทำให้ล้นจอครับ ควรเลือกภาพที่มีขนาดเล็กกว่าจอโดยทั่วไป ได้แก่ 1028x768 pixel ครับ หรือถ้าเล็ก ๆ กว่านั้น ก็อาจจะใช้ได้ โดยใส่คำสั่ง repeat ให้มันซ้ำ ๆ ไปเอง

backgroud-repeat: ...; คำสั่งนี้ใช้เมื่อภาพมีขนาดเล็ก ๆ ครับ โดยจะทำให้ภาพมันมากขึ้นและเรียงซ้อนกันจนเต็มจอไปเอง ถ้าเป็นใน window ก็จะเหมือนคำสั่ง tile เวลาเราเอาภาพเล็ก ๆ มาทำเป็น background น่ะครับ โดยเราจะเลือก repeat และกรณีที่เราใช้ภาพใหญ่ ก็ระบุไปว่า no-repeat โปรดสังเกตว่ามี hyphen (-) ตามหลังด้วยนะครับ ไม่เหมือนกับการใช้ tag html ทั่วไป

background-position: ...; คำสั่งนี้ ใช้ระบุตำแหน่งที่เริ่มว่าง background ครับ มีหลายแบบให้เลือก ก็ตามตำแหน่งล่ะครับ เช่น top left, top right, bottom left, bottom right, right middle, top อะไรแบบนี้ครับ แต่ว่า คำสั่งเหล่านี้ จะไม่มีประโยชน์เมื่อ

• ภาพใหญ่เต็มจอ เรียงตรงไหนก็เหมือนกัน
• สั่งให้ภาพเล็ก แต่ repeat ก็จะได้ผล same same ล่ะครับ

background-color: ...; ก็ไว้สำหรับว่า หากภาพที่คุณใส่มามันเล็ก และไม่ได้สั่ง repeat ก็จะได้เห็นสีที่ต้องการ เวลาใส่ อาจจะใส่เป็น code สีหรือว่าเป็นชื่อสีก็ได้ครับ ตามใจชอบ สำหรับเรื่องสี เดี๋ยวจะมาว่ากันอีกทีนะครับ

background-attachment: ...; กรณีที่ไม่ได้สั่งคำสั่งนี้ไว้เลยภาพที่มีจะเลื่อนไปเวลาที่เรา move scrooll bar ขึ้นลงครับ เมื่อเราใส่คำสั่ง background-attachment: fixed ไว้ ภาพที่ได้ก็จะไม่เลื่อนตามเวลาขึ้นลงครับ สรุปว่า ถ้าต้องการให้เลื่อนได้ ไม่ต้องใส่คำสั่งนี้นะครับให้ลบออกเลย