CSS設置gif背景圖可以為網站增添活力和生氣，讓頁面更有吸引力。下面介紹如何在CSS中設置gif背景圖。

/*CSS代碼*/
body {
background-image: url("anim.gif");
}

以上代碼會將網頁的背景設置為名為"anim.gif"的gif圖片。如果要設置一個區域的背景為gif圖片，可以使用以下代碼：

/*CSS代碼*/
div {
background-image: url("anim.gif");
}

以上代碼會將"div"標簽區域的背景設置為名為"anim.gif"的gif圖片。

如果要讓gif背景圖重復顯示，可以使用以下代碼：

/*CSS代碼*/
body {
background-image: url("anim.gif");
background-repeat: repeat;
}

以上代碼會將背景圖片重復顯示，直到填滿整個背景。

如果想要以不同方式重復顯示背景圖片，可以使用以下代碼：

/*CSS代碼*/
body {
background-image: url("anim.gif");
background-repeat: no-repeat;
background-position: center;
}

以上代碼會將背景圖片居中顯示，但只顯示一次。

最后，如果想要讓gif背景圖在頁面滾動時固定不動，可以使用以下代碼：

/*CSS代碼*/
body {
background-image: url("anim.gif");
background-repeat: no-repeat;
background-attachment: fixed;
}

以上代碼會將背景圖片固定在屏幕最底部，不管頁面如何滾動都不動。

以上是CSS設置gif背景圖的方法，簡單易學，適合新手學習。