在 CSS 中,文字投影可用于使文本看起來更加生動。可以使用 text-shadow 屬性來為文本添加投影效果。這個屬性的值需要指定投影的水平位置、垂直位置、模糊程度和投影顏色。
p { text-shadow: 1px 1px 2px #000000; }
在上面的代碼中,我們為 p 元素添加了一條文字投影。這條文字投影的水平位置為 1px,垂直位置也為 1px, 模糊程度是 2px,投影顏色是黑色。
可以為一個元素添加多條文字投影。例如:
p { text-shadow: 1px 1px 2px #000000, 3px 3px 3px #FF0000; }
在上面的代碼中,我們為 p 元素添加了兩條文字投影。第一條文字投影的水平位置為 1px,垂直位置為 1px,模糊程度是 2px,投影顏色是黑色。第二條文字投影的水平位置為 3px,垂直位置為 3px,模糊程度是 3px,投影顏色是紅色。
需要注意的是,使用文字投影時不應該過度使用,否則會影響頁面的可讀性。此外,文字投影在一些老舊的瀏覽器上可能不被支持。