css之background-repeat的幾種屬性

background-repeat: 指背景圖片的重複與否以及重複方式, 有no-repeat, repeat, repeat-x, repeat-y四種屬性值.

no-repeat: 即無論背景圖片的大小, 只顯示單個背景圖片, 如首頁的第一篇文章標題前的”NEW”表徵圖, 代碼如上所示;

repeat: 指背景圖片橫向和縱向重複連續顯示;

repeat-x: 指背景圖片橫向重複連續顯示;

repeat-y 指背景圖片縱向重複連續顯示;例: 查看本站css檔案,可以看到以下代碼:

body {
font: normal 12px/1.5 Georgia, sans-serif;
text-align:left;
background:#444 url(images/bodybg.jpg) repeat-y;
}

可以看到背景圖片bodybg.jpg是縱向重複顯示的, 並隨頁面的長度的增加而增加.