CSS是一種用于網頁布局和設計的編程語言，可以用其控制網頁的樣式和外觀。下面我們以小圓圈為例介紹如何使用CSS寫出優美的頁面效果。

/* CSS代碼開始 */
.circle {
width: 50px;
height: 50px;
background-color: #f00;
border-radius: 50%;
}
/* CSS代碼結束 */

在上面的CSS代碼中，我們首先定義了一個類名為circle的樣式，其中通過width和height屬性設置了小圓圈的大小為50像素，通過background-color屬性指定了小圓圈的背景色為紅色，而通過border-radius屬性則設置了圓角半徑為50%，從而讓小圓圈呈現出圓形的效果。

接下來我們可以通過HTML的div標簽將小圓圈嵌入到網頁中，實現我們想要的效果，如下所示：

/* HTML代碼開始 */
<div class="circle"></div>
/* HTML代碼結束 */

通過CSS和HTML的嵌合，我們成功地創建出了一個小圓圈，并將其嵌入到了網頁中。這個例子只是CSS使用的一個簡單示例，實際上CSS有著極其強大和廣泛的應用范圍，在網頁設計和開發過程中都起到了至關重要的作用。