ไวยากรณ์พื้นหลังบางส่วนใน CSS css

คำอธิบายซีเอส
background-image:url("URL ของรูปภาพ");
พื้นหลัง: url("URL ของรูปภาพ");
สีพื้นหลัง:#รหัสสี; สีพื้นหลัง

ประสบการณ์:
ภาพพื้นหลัง: url (รูปแบบพื้นหลัง.jpg, gif, bmp);
สีพื้นหลัง:#FFFFFF;
background-color : transparent; <--ตั้งค่าพื้นหลังให้เป็นสีโปร่งใส

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

พื้นหลังซ้ำจะเปลี่ยนการตั้งค่าการทำซ้ำภาพพื้นหลังแบบเคียงข้างกัน

ซีเอสเอส
แสดงให้เห็น
ทำซ้ำภาพพื้นหลังเคียงข้างกัน
ภาพพื้นหลังซ้ำ x จะถูกจัดเรียงเคียงข้างกันในทิศทาง X
ภาพพื้นหลังแบบ y ซ้ำจะถูกจัดเรียงเคียงข้างกันในทิศทาง Y
ภาพพื้นหลังที่ไม่ทำซ้ำจะไม่ได้รับการประมวลผลแบบเคียงข้างกัน

ประสบการณ์:
ภาพพื้นหลัง:url("/u/info_img/2009-06/09/xx.gif");
พื้นหลังซ้ำ: ไม่ซ้ำ;
ใช้รูปภาพนี้เป็นพื้นหลัง เมื่อขนาดรูปภาพไม่เพียงพอ อย่าทำซ้ำแบบเคียงข้างกัน

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

การแนบพื้นหลังจะแก้ไขตำแหน่งรูปภาพหรือไม่

ซีเอสเอส
แสดงให้เห็น
เลื่อน เมื่อดึงเลื่อน ภาพพื้นหลังจะเคลื่อนไหวตามนั้น (ค่าเริ่มต้น)
แก้ไขภาพพื้นหลังจะไม่เคลื่อนไหวเมื่อดึงสโครล

ประสบการณ์:
ภาพพื้นหลัง:url("/u/info_img/2009-06/09/xx.gif");
พื้นหลังซ้ำ: ไม่ซ้ำ;
สิ่งที่แนบมากับพื้นหลัง: แก้ไข;
ภาพพื้นหลังใน /u/info_img/2009-06/09/xx.gif จะไม่ซ้ำหรือวางชิดกัน และไม่เลื่อนไปพร้อมกับการเลื่อน

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

ตำแหน่งพื้นหลังตำแหน่งตามความยาว: x y
ใช้ตำแหน่งพื้นหลังตำแหน่งเปอร์เซ็นต์: x% y%

ซีเอสเอส
แสดงให้เห็น
x% เลื่อนไปทางขวา
y% เลื่อนลง
ตำแหน่งพื้นหลัง: 0% 0%;
ตำแหน่งพื้นหลัง: 0% 50% ตรงกลางซ้าย
ตำแหน่งพื้นหลัง: 50% 0% เหนือกึ่งกลาง
ตำแหน่งพื้นหลัง: 50% 50% ตรงกลาง
ตำแหน่งพื้นหลัง: 100% 0%;
ตำแหน่งพื้นหลัง: 0% 100% ซ้ายล่าง
ตำแหน่งพื้นหลัง: 100% 50% กลางขวา
ตำแหน่งพื้นหลัง: 50% 100% กลางและล่าง
ตำแหน่งพื้นหลัง: 100% 100% ขวาล่าง

กำหนดเป้าหมายด้วยคำหลัก
คำอธิบายคำหลัก
ด้านบน ( y = 0 )
ศูนย์กลาง ( x = 50, y = 50 )
ด้านล่าง ( y = 100 )
ซ้าย ซ้าย ( x= 0 )

ประสบการณ์:
ตำแหน่งพื้นหลัง: กึ่งกลาง;
รูปภาพอยู่ที่ตำแหน่ง X=50% Y=50% ตรงกลางพื้นหลังที่ระบุ
ตำแหน่งพื้นหลัง: 200px 30px