การกำหนด Background ให้อยู่กับที่ เป็นการเพิ่มลูกเล่นให้กับเว็บอีกแบบหนึ่ง โดยปกติแล้วพื้นหลังที่เราใส่กันทั่วไปจะเคลื่อนที่ตามหน้าเว็บยิ่งถ้าเป็น Background แบบสีฉูดฉาดดูแล้วเวียนหัวหน้าดู ก็มาลองดูวิธีการทำ Background อีกวิธีครับ
ขั้นตอนการทำ
1. เตรียม Background ที่เราต้องการจะใส่ภายในเว็บ (จะดาวน์โหลดจากเว็บเราก็ได้นะครับ) ดังตัวอย่าง
2. เปิดหน้าเว็บ หรือทำการสร้างเอกสารขึ้นมา ดังภาพ
3. สร้าง Css Style ขึ้นมาโดยใ้ช้ Tag Html ดังตัวอย่าง
3.1 คลิกขวาที่พื้นหลังเลือก Css Style --> Edit Style Sheet
3.2 เลือกชนิดของ Css เป็น "Redefine HTML Tag" และ Tag เป็น "body"
3.3 จากนั้นจะมีหน้าต่าง Style ขึ้นมาให้เรากำหนด ดังภาพ
Background Image = รูปภาพที่เราต้องการใส่ภายในเว็บ
Attachment = ข้อกำหนดที่เราจะใส่ลงไป
4. ลอง Preview ดูครับแต่จะไม่เห็นความเปลี่ยนแปลงจะต้องมีข้อมูลยาวกว่าหน้าที่แสดงผลนะครับถึงจะ Scroll ได้
* ความเห็นเพิ่มเติมถ้าคนที่ใช้ Dream 4 ที่ติดตั้งไทยบางตัวจะเขียน Css Body ให้แล้วให้เราเรียกขึ้นมาแก้ไขได้เลย ขอให้สนุกกับการทำเว็บครับ
แหล่งที่มาข้อมูล www.webthaidd.com