ห้องเก็บของส่วนตัวห้ามเข้านะค่ะ!!!

ลำดับตอนที่ #5 : [code] - ภาพพื้นหลัง

code:ใส่ภาพพื้นหลัง

แบบที่ 1

พื้นหลังอยู่กับที่ เวลาเลื่อนหน้าเวบไม่เลื่อนตาม
เหมาะกับ รูปภาพขนาด เต็มจอพอดี

<style type="text/css"> body { background-image: url(URLของรูป) ; background-attachment:fixed; background-repeat: no-repeat; } </style>

แบบที่ 2

พื้นหลังอยู่กับที่ไม่เลื่อนตามหน้าเวบสำหรับกรณีใช้รูปเล็กๆ มาเรียงต่อไปเรื่อยๆ
เหมาะกับ รูปภาพขนาดเล็ก ที่มาเรียงต่อๆกันจนเต็มจอ

 

<style type="text/css"> body { background-image: url(URLของรูป) ; background-attachment:fixed; background-repeat:repeat; } </style>

 

แบบที่ 3

พื้นหลังเลื่อนตามหน้่าเวบ(เลื่อนตามสกรอล์บาร์)และทำซ้ำๆไปเรื่อยๆ
เหมาะกับ รูปภาพขนาดเต็มจอพอดี

 

<style type="text/css"> body { background-image: url(URLของรูป) ; background-attachment:scoll; background-repeat:repeat; } </style>

แบบที่ 4

พื้นหลังเลื่อนตามหน้าเวบ แต่ไม่ทำซ้ำ
เหมาะกับ รูปภาพขนาดเล็ก ที่มาเรียงต่อๆกันจนเต็มจอ

<style type="text/css"> body { background-image: url(URLของรูป) ; background-attachment:scoll; background-repeat: no-repeat; } </style>