2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground

[ช่างเล็ก(LSV)]

ต้องเข้าไปทำใน css นะครับ จะพบว่าโค๊ดจะเป็นลักษณะนี้ครับ

---------------------------------
@charset"utf-8";

html{background:#032CFC;}

---------------------------------

032CFC เราจะเปลี่ยนพื้นหลังเป็นสีอะไรก็ได้ ในกรณีนี้ เราตั้งค่าเป็นสีน้ำเงินเข้ม คือค่าตัวเลข 032CFC

[ช่างเล็ก(LSV)]

ส่วนโค๊ด ใส่ภาพพื้นหลังนั้น จะเป็นลักษณะนี้

---------------------------------
body{ background:url(../2/images/bgtop.jpg); background-position:center top; background-repeat: repeat-x; margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}
---------------------------------

ในตัวสีแดง เราต้องสร้างโฟลเดอร์เก็บไฟล์ไว้บน server ด้วย ดังนี้ครับ  http://www.leksound.net/108topgame/2/images/bgtop.jpg  ภาพพื้นหลังจึงจะปรากฎ

[ช่างเล็ก(LSV)]

คำสั่งให้ภาพพื้นหลัง อยู่กับที่ หรือเลื่อนตาม Scroll Bar

------------------------------------------------------------------------------------------------------------------
คำสั่งให้ภาพพื้นหลัง เลื่อนตาม Scroll Bar
body{ background:url(../2/images/bgtop.jpg); background-position:center top; background-repeat: repeat-x; background-attachment:scroll;  margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}
------------------------------------------------------------------------------------------------------------------


คำสั่งให้ภาพพื้นหลัง อยู่กับที่
body{ background:url(../2/images/bgtop.jpg); background-position:center top; background-repeat: repeat-x;background-attachment:fixed;  margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}
------------------------------------------------------------------------------------------------------------------

[ช่างเล็ก(LSV)]

คำสั่งให้ภาพพื้นหลังแสดงต่อรูปภาพตามแนวตั้ง


body{ background:url(../2/images/bgtop.jpg); background-position:center top;background-attachment:fixed; background-repeat-y: repeat-x; margin:0px; padding:0px; text-align:center; color:#333; font-family:Tahoma;}