在網(wǎng)頁(yè)設(shè)計(jì)中，動(dòng)圖能夠給用戶帶來(lái)視覺(jué)沖擊，使頁(yè)面更加生動(dòng)。CSS是網(wǎng)頁(yè)設(shè)計(jì)中最常用的樣式表語(yǔ)言，那么CSS怎樣引入動(dòng)圖呢？
在CSS中，我們可以通過(guò)兩種方式引入動(dòng)圖。一種是使用background-image屬性將一張圖片作為背景圖，另一種是使用img標(biāo)簽將動(dòng)圖插入到HTML文檔中。
首先我們來(lái)看看使用background-image屬性的方法。這種方法需要將動(dòng)態(tài)圖片轉(zhuǎn)換成.gif格式，然后將該圖片放置于項(xiàng)目的img文件夾中。接下來(lái)，在CSS中使用background-image屬性來(lái)添加樣式并引入動(dòng)圖，代碼如下：

p {
background-image: url("../img/動(dòng)態(tài)圖片.gif");
background-repeat: no-repeat;
background-size: cover;
}

這段代碼將一張名為“動(dòng)態(tài)圖片.gif”的圖片作為p標(biāo)簽的背景圖，設(shè)置了不重復(fù)背景圖以及背景圖覆蓋整個(gè)p標(biāo)簽的尺寸。這樣，當(dāng)用戶訪問(wèn)該頁(yè)面時(shí)，就能夠看到p標(biāo)簽的背景圖是一張動(dòng)態(tài)圖片。
另外一種方法是使用img標(biāo)簽來(lái)引入動(dòng)圖。這種方法需要使用video、audio、canvas等標(biāo)簽中的其中一個(gè)來(lái)包含動(dòng)態(tài)圖形內(nèi)容，然后在HTML文檔中添加標(biāo)簽。
例如，下面是使用HTML5的