在網頁中添加小動圖可以使得頁面更加生動有趣，增加用戶體驗。而添加小動圖的方法則需要使用CSS。

/*設置小動圖樣式*/
.animation{
position: relative;
animation-name: example;
animation-duration: 4s;
/*循環次數*/
animation-iteration-count: infinite;
}
/*關鍵幀設置*/
@keyframes example {
0%   {left:0px; top:0px;}
25%  {left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  {left:0px; top:200px;}
100% {left:0px; top:0px;}
}

以上是添加小動圖的CSS代碼，主要涉及到兩個部分

第一部分則是設置小動圖樣式，將其相對頁面布局，并設置動畫屬性值。

其中，position: relative; 表示相對定位，animation-name: example; 表示動畫名稱，animation-duration: 4s; 表示動畫時間長度（單位：秒），animation-iteration-count: infinite; 表示動畫循環執行。

第二部分則是設置動畫的關鍵幀，表現出小動圖在各個時刻所處的位置和狀態。

以上CSS代碼主要演示了一個小動圖沿著正方形軌跡運動的效果，可以根據實際需要進行修改和調整。

總體來說，通過CSS添加小動圖可以使得頁面更加生動有趣，不僅可以增加用戶體驗，還可以提升網站本身的口碑和知名度。因此，在網站建設中，添加小動圖是一項值得大力推廣的技術。