|
หัวข้อ: 2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground เริ่มหัวข้อโดย: ช่างเล็ก(LSV) ที่ มิถุนายน 10, 2014, 04:19:43 pm ต้องเข้าไปทำใน css นะครับ จะพบว่าโค๊ดจะเป็นลักษณะนี้ครับ
--------------------------------- @charset"utf-8"; html{background:#032CFC;} --------------------------------- 032CFC เราจะเปลี่ยนพื้นหลังเป็นสีอะไรก็ได้ ในกรณีนี้ เราตั้งค่าเป็นสีน้ำเงินเข้ม คือค่าตัวเลข 032CFC (http://www.eon49.com/+Upload/files/+admin/6-57/css/1.jpg) หัวข้อ: Re: 2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground เริ่มหัวข้อโดย: ช่างเล็ก(LSV) ที่ มิถุนายน 10, 2014, 04:24:34 pm ส่วนโค๊ด ใส่ภาพพื้นหลังนั้น จะเป็นลักษณะนี้
--------------------------------- 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 ภาพพื้นหลังจึงจะปรากฎ (http://www.eon49.com/+Upload/files/+admin/6-57/css/2.jpg) หัวข้อ: Re: 2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground เริ่มหัวข้อโดย: ช่างเล็ก(LSV) ที่ มิถุนายน 10, 2014, 04:49:05 pm คำสั่งให้ภาพพื้นหลัง อยู่กับที่ หรือเลื่อนตาม 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;} ------------------------------------------------------------------------------------------------------------------ หัวข้อ: Re: 2.เล่นกับ css .. เปลี่ยนสีพื้นหลัง เปลี่ยนภาพbackground เริ่มหัวข้อโดย: ช่างเล็ก(LSV) ที่ มิถุนายน 11, 2014, 12:53:56 pm คำสั่งให้ภาพพื้นหลังแสดงต่อรูปภาพตามแนวตั้ง
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;} (http://www.eon49.com/+Upload/files/+admin/6-57/css/4.jpg) |