CSS可以給文本添加很多裝飾元素，比如陰影。下面我們來學習如何實現漂亮的字體陰影效果。

.shadowed-text {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

上述代碼中，我們創建了一個類名為shadowed-text，并為它設置了文本陰影樣式。具體來說，text-shadow屬性接收四個值：

1. 水平偏移量
2. 垂直偏移量
3. 模糊半徑
4. 陰影顏色

通過調整這些值，我們可以創建出不同的陰影效果。例如，上述代碼中我們使用了rgba(0, 0, 0, 0.4)這個顏色值作為陰影色，這表示一種半透明的黑色。你可以試試使用其他顏色值，比如紅色、藍色、綠色等等。

如果你希望文本下面也有陰影效果，可以參考下面的代碼：

.shadowed-text {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4),
0px 1px 1px rgba(0, 0, 0, 0.2);
}

注意這里我們使用了逗號把兩個陰影樣式分開來。第一個樣式和前面一樣，而第二個樣式則是創建了一個更淡的陰影，在文本底部模擬出一種“浮起來”的效果。你可以根據自己的需要調整這些值。

最后，如果你希望給文本添加邊框效果，可以參考下面的代碼：

.shadowed-text {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
-webkit-text-stroke: 1px gray;
}

這里我們使用了-webkit-text-stroke屬性來添加邊框效果。具體來說，該屬性接收兩個值：

1. 描邊寬度
2. 描邊顏色

上述代碼中，我們把描邊寬度設置為1像素，描邊顏色設置為灰色。你可以根據自己的需要修改這些值。