บางครั้งของการออกแบบ WebPage เราต้องการใส่รูปภาพลงพื้น Background เป็นฉากด้านหลัง Page ของ webpage เรา แต่บางครั้งอีก ที่เราต้องการ Background เพียงแค่รูปเดียวโดด ๆ ในการเป็น BG ด้านหลัง แต่จะมีปัญหาตามมา คือ เมื่อเราเซ็ทรูปที่จะนำมาเป็นฉากหลังของ page เราจากเมนู Page Properties.. รูปภาพมักจะกระทำซ้ำให้อัตโนมัติ หลายรูปจนเต็มพื้น page ของเว็บ เราจะมีวิธีใดในการเซ็ทให้รูปภาพแสดงแค่ภาพเดียวในฉากหลังได้ อยากรู้ก็เชิญอ่านกันได้เบยครับ....>>>

................................................................................................................................................................................

ให้เราเลือกที่เมนู Window ในเมนูบาร์ของโปรแกรม จากนั้นเลือกไปที่เมนู CSS Styles เมื่อเลือกแล้วจะเปิดหน้าต่างของ Css Stlyes ออกมา จากนั้นให้เราเลือกไปที่ New CSS Styles ซึ่งอยู่ที่ไอคอนด้านล่างของหน้าต่าง CSS ครับตรงที่เป็นรูปเครื่องหมายบวก (+) นะแหละครับดังรูป Pic.1

Pic.1
เมื่อเลือกแล้วจะปรากฏหน้าต่างใหม่ขึ้นมา คือหน้าต่าง New CSS Rule ในหน้าต่างใหม่นี้ให้เราเลือกไปที่ Tag (redefines the...) จากนั้นก็มาเลือกที่ช่องเมนูด้านบน ตรงนี้ให้เราเลือกไปที่ body ครับ

จากนั้นที่ Define In ตรงนี้ไม่ต้องเลือกแต่ให้เราเลือกที่ This Document Only ครับ (ตรงนี้ไว้ว่าง ๆ จะอธิบายอีกทีว่าเลือกไปทำไม) ดังรูป Pic.2 จากนั้นก็ OK เลยครับ...

 

 

 

 

 

Pic.2

เมื่อ Click ที่ OK แล้วก็จะปรากฏหน้าต่างใหม่ขึ้นมาอีก คือหน้าต่าง CSS Rule defintion for body ที่หน้าต่างนี้ให้เราเลือกที่เมนูทางซ้ายมือของเราที่ Background ครับ จากนั้นก็มาที่ ด้างขวามือ ตรง Background Image: ก็ให้เรากดปุ่ม Browse... เพื่อเลือกไฟล์รูปที่เราต้องการนะครับ
จากนั้นก็มาที่ Repeat: ให้เราเลือกที่ no-repeat นะครับ ส่วนเมนูอื่น ๆ ก็จะเป็นการจัดวางตำแหน่งของรูปภาพที่เราจะใส่ใน page ของเรา ก็ให้จัดกันเองตามชอบใจครับ จากนั้นก็ OK เลยครับ ดูรูปที่ Pic.3 ประกอบ ให้เซ็ทตามนี้ครับ...

Pic.3

เพียงเท่านี้ก็จบสิ้นการใส่ Background ให้รูปภาพมีเพียงภาพเดียวแล้วครับ

................................................................................................................................................................................