เรามาลองใส่ภาพที่ต้องใช้ repeat-y กันดีกว่า

เนื่องจากบางคนที่มีภาพที่จะทำเป็นภาพพื้นหลังมีลักษณะเป็นภาพสี่เหลี่ยมผืนผ้า ดังภาพที่เห็นนี้

สำหรับภาพที่ดิฉันมีนี้ก็มีขนาด width 1024 pixel และ high 30 pixel ซึ่งสังเกตุได้ว่าขนาดความสูงของภาพนั้นไม่เท่ากับขนาดของบล็อก ถ้าเราใช้การ repeat-y จึงสามารถทำให้ภาพของเรานั้นกลายเป็นภาพพื้นหลังได้ค่ะ สามารถดูผลของการ repeat-y ได้ที่นี่ค่ะ เล่นของเล่นใหม่ทั้งวัน
เราสามารถที่จะทำเป็นภาพพื้นหลังได้โดยการใช้โค้ด ดังนี้

 body
{
background: #ffffff;
background-image:
url("/file/jantana811/heart.gif ");
background-repeat: repeat-y;
}

ส่วนสีส้มก็คือภาพที่เราเอาขึ้นไปใน "ไฟล์รูปภาพ" และการ repeat-y ตรงส่วนนี้ก็คือการปูพื้นภาพนั้นซ้ำๆเฉพาะแนวตั้งนั่นเองค่ะ

สามารถใส่ CSS ส่วนนี้ไว้ที่ แผงควบคุม > บล็อกที่เลือก > แก้ไข > CSS ที่ตกแต่งเอง เท่านี้ก็เรียบร้อยแล้วค่ะ