在網頁設計中，動圖是非常重要的元素，它可以吸引用戶的注意力，增強用戶體驗。那么如何在網頁中加載動圖呢？我們可以使用CSS來實現，下面是具體步驟：

// 在HTML中添加一個<div>標簽
<div class="animated-gif"></div>
// 在CSS中添加動畫效果
.animated-gif {
/* 設置圖片背景 */
background-image: url('example.gif');
/* 設置圖片的尺寸 */
width: 100px;
height: 100px;
/* 設置圖片重復播放 */
animation: play 1s infinite;
}
/* 定義動畫 */
@keyframes play {
from {
/* 第一幀 */
background-position: 0 0;
}
to {
/* 最后一幀 */
background-position: -100px 0;
}
}

我們可以看到，我們首先在HTML中添加了一個div標簽，并設置其class為“animated-gif”。然后在CSS中，我們通過設置背景圖片、尺寸和動畫來實現圖片的播放效果。其中，我們使用了animation屬性來定義動畫，它的值包括：動畫名稱、動畫時長和動畫是否重復播放。而在@keyframes中，我們可以定義動畫的每一幀的屬性，從而實現動畫的連續播放。

總之，在網頁設計中，動圖是非常重要的元素，它可以使頁面更加生動和有吸引力。使用CSS來加載動圖是一種簡單而有效的方法，我們只需要設置圖片的背景、尺寸和動畫，即可實現動圖的效果。