ธันวาคม 15, 2018, 06:55:06 PM *
ยินดีต้อนรับคุณ, บุคคลไม่รู้ว่าใคร กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
หน้า: [1]   ลงล่าง
  พิมพ์  
เทคนิคการทำ background width full screen ด้วย css  (อ่าน 3092 ครั้ง)
ไร้คอนเซปต์ ******* ออฟไลน์ ออฟไลน์ เพศ: ชาย พลังสะสม: 18055
พฤษภาคม 03, 2013, 11:15:04 PM
ผลงาน: 1730
อาร์ตทูบี
Administrator
ไร้คอนเซปต์
*******

ผลงาน: 1730
ออฟไลน์ ออฟไลน์

เพศ: ชาย
พลังสะสม: 18055


เว็บไซต์
« เมื่อ: พฤษภาคม 03, 2013, 11:15:04 PM »
เทคนิคการทำ background width full screen ด้วย css
เทคนิคการทำภาพพื้นหลังเต็มจอนี้ จะทำให้ภาพ background ของเรายืดขยายตามหน้าจอครับ โดยใช้ CSS แบบง่ายๆ



ใส่โค้ด css ตามนี้ครับ ดัดแปลงตามรูปแบบหน้าเว็บของคุณได้เลยครับ
โค๊ด:
html {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




รับจดโดเมน รับฝาก-ดูแลเว็บไซต์ ทำเว็บ เขียนโปรแกรม โฆษณา Google Adwords
พูดคุยเป็นการส่วนตัวคลิ๊กเลยครับ


หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  

Powered by MySQL Powered by PHP Valid XHTML 1.0! Valid CSS!