CSS字體外加圈，是Web開發中一個很有特色的設計效果。通過使用CSS樣式屬性，我們可以在頁面上實現多種不同的字體效果。其中，字體外加圈是一種很常見的效果，可以顯著增強文字的可讀性和吸引力。

在CSS中，字體外加圈可以通過 text-stroke 屬性來實現。該屬性接受兩個參數：width 和 color，分別控制外圍線條的寬度和顏色。例如，下面的CSS樣式會給所有頁面上的文字添加一個 2 像素寬度的黑色外圍線條：

p {
font-size: 20px;
font-weight: bold;
-webkit-text-stroke: 2px black;
text-stroke: 2px black;
}

上述代碼中，-webkit-text-stroke 屬性用于兼容 WebKit 內核瀏覽器，而 text-stroke 則是標準的實現方式。我們可以通過調整 width 和 color 參數的數值，來達到不同的效果。

除了 text-stroke 屬性之外，我們還可以使用 text-shadow 屬性來為文字添加外陰影。通過控制陰影的偏移、模糊度和顏色等參數，我們可以實現非常豐富的文字效果。例如，下面的CSS樣式使用 text-shadow 屬性為文字添加了一個白色陰影和一個淺灰色陰影，同時使得文字居中顯示：

p {
font-size: 24px;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #EEE;
}

上述代碼中，text-shadow 屬性接受兩個參數，分別控制白色陰影和淺灰色陰影的偏移和模糊度，因此得到了類似立體效果的字體效果。

綜上所述，CSS字體的外加圈和陰影效果，可以幫助我們實現更加優美和有魅力的頁面設計。在使用這些效果時，需要注意不要過度使用，以免影響頁面的原始設計。