CSS的文本效果有很多種，比如字體大小、字體顏色等。其中有一種上凸下凹的效果也被廣泛使用，那就是text-shadow屬性。

text-shadow: 0 -1px 0 #fff, 0 1px 0 #646464;

上面的代碼中，我們可以看到text-shadow的值有兩組，它們用逗號分隔。第一組表示向上偏移一個像素，顏色為白色，模擬上凸效果；第二組表示向下偏移一個像素，顏色為灰色，模擬下凹效果。這樣設置后，我們可以得到一個類似立體的文字效果。

當然，text-shadow還可以用來實現(xiàn)更加絢麗的效果，比如下面這個例子：

text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff,
0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de,
0 0 100px #ff00de, 0 0 150px #ff00de;

上面的代碼中，我們定義了8個text-shadow值，實現(xiàn)了一個立體的霓虹文字效果。可以看到，CSS的文本效果真的是很強大。