2015年3月29日 星期日

CSS background-repeat 屬性的範例程式碼

程式碼記錄:CSS background-repeat 屬性

範例一、背景圖片在 X 軸方向重覆顯示
<div style="width:100%;height:200px;background-image:url(背景圖片);background-repeat:repeat-x;"></div>

範例二、背景圖片在 Y 軸方向重覆顯示
<div style="width:100%;height:200px;background-image:url(背景圖片);background-repeat:repeat-y;"></div>

範例三、背景圖片不重覆顯示
<div style="width:100%;height:200px;background-image:url(背景圖片);background-repeat:no-repeat;"></div>


以上程式碼為CSS background-repeat 屬性的範例程式碼。