在網頁設計中，我們通常會用到CSS來裝飾網頁。其中，CSS屬性可以讓元素沿著一定的路徑旋轉，比如讓小圓繞著大圓轉。下面介紹一下如何實現這個效果。

/*CSS代碼*/
.outer {
position: relative;
width: 200px;
height: 200px;
border: 1px solid #000;
border-radius: 50%;
animation: rotate 5s linear infinite;
}
.inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #f00;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {transform: rotate(0);}
to {transform: rotate(360deg);}
}

上述CSS代碼中，我們創建了一個outer和inner類。其中，outer類設置了寬高為200px，邊框為1像素粗的圓形。這個外圓設置relative定位，讓內部元素相對于它進行定位。

而inner類則是創建了一個小圓，用了absolute布局，然后設置了顏色和半徑。我們還設置了animation屬性，來讓文本沿著一定的路徑旋轉。

最后，在keyframes中，我們定義了從0到360度的轉動規則，讓小圓不斷繞著大圓旋轉。

通過使用CSS的rotate屬性和animation屬性，我們就可以實現讓小圓繞著大圓轉的效果。這在網頁設計時十分有用，可以為頁面增加更多的裝飾和元素。