〝 FREE CODE - DEK'D™ ♡

ลำดับตอนที่ #22 : { My ID } โค้ดใส่ภาพพื้นหลัง

 แบบที่ 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>

 

© Tenpoints !