LeMOnIcE

โค้ดอันแรก เราใช้กำหนดสีของพื้นหลังในส่วนที่ต้องการ โดยการใช้
โค้ดสีซึ่งเป็นเลขและอักษร 6 หลัก หากเราใส่มั่วๆ ก็คงจะไม่รู้สีแน่ๆเลย
แล้วเราจะหารหัสสีพวกนี้จะไหนละ โปรแกรมอย่าง Photoshop เวลา
เลือกสี มันจะมีช่องแสดงรหัสสีอยู่ เราก๊อบแล้วเอามาใส่ก็ได้ และก็ยังมีอีกหลาย
วิธีที่จะหาโค้ดสี บางเว็บที่สอนการทำเว็บ ก็จะมีตารางแสดงสีให้เลย หรือ เรา
อาจใช้ภาษาอังกฤษก็ได้ เช่น Red Green Pink แต่สีมันก็ไม่เยอะเท่าอ่ะนะ

.Name { Background-Color : #รหัสสี; }

นี่ ..แล้วถ้าเราไม่อยากได้เป็นรูปภาพแทนสีต่างๆ ละ ก็ต้องใช้โค้ดตัวนี้เลย โค้ด
นี้ เราใช้กำหนดให้รูปภาพต่างๆให้เป็น BG

คำแนะนำจ้า
การที่เราใช้รูปต่างๆ เป็น BG มันก็สวยงามอยู่หรอก แต่ก็ต้องคำนึงถึงเวลา
ในการโหลดด้วยน่ะ ถ้าใช้เน็ตไฮสปีดก็ไม่เป็นไร แต่ก็ยังมีผู้ที่ใช้เน็ตธรรมดาอยู่
การทำ BG ก็ต้องให้โหลดเร็วไว้ก่อน รายละเอียดก็พอสมควร ความคมชัดก็
ปานกลาง จำนวนสีที่ใช้ก็ต้องดูด้วย หากทำเอาเวอร์แล้วโหลดนานๆ คนก็จะเข้า
น้อยลง ( โดยเฉพาะข้าน้อย เป็นพวกขี้เกียจรอ โหลดช้าปุ๊บ ก็ปิดปั๊บ ฮ่าๆๆๆ )

.Name {
Background-Image : URL ( http://อะไรก็ว่าไป);
}

โค้ดอันนี้ ใช้กำหนดลักษณะของพื้นหลัง ซึ่งจะมีค่าอยู่ 2 ตัว คือ
Fixed : กำหนดให้ภาพพื้นหลังอยู่กับที่
Scroll : กำหนดให้ภาพพื้นหลังเคลื่อนไปตามการเลื่อนของจอภาพ

.Name { Background-Attachment : Fixed;}

โค้ดอันนี้อาจจะไม่ค่อยจำเป็นอ่ะนะ เป็นโค้ดที่ไว้กำหนดพิกัดของรูป BG
ซึ่งค่าที่ใส่นั้น ก็เป็นค่า X Y ก็คล้ายๆการใส่ค่าของกราฟอะไรแหละ หุหุ แต่ถ้า
หาเราไม่ใช่คำสั่งนี้ ค่าโดยทั่วไปจะถูก กำหนดให้เป็น (0,0) จุด Origin อ่ะนะ

.Name {background-position : 0 0;}

ถ้า BG ของเรามีขนาดเล็ก เมื่อเราใช้เป็น BG จะเกิดการซ้ำ เหมือนเป็นตาราง
แต่คำสั่งนี้เราจะกำหนดได้ว่าจะให้การแสดงผลจะเป็นอย่างไร
repeat ทำซ้ำทั้งในแนวนอนและแนวตั้ง
repeat-x ทำซ้ำในแนวตั้ง
repeat-y ทำซ้ำในแนวนอน
no-repeat ไม่ทำซ้ำ
แต่ถ้าเราไม่ใช้คำสั่งนี้ค่าทั่วไปที่จะกำหนดก็คือ repeat

.Name {Background-Repeat : repeat-y;}