要創建立體文字效果,可以使用text-shadow屬性來添加陰影效果。可以通過設置不同的水平和垂直偏移以及模糊半徑來調整立體效果的程度。以下是一個示例代碼:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
font-size: 50px;
color: white;
text-shadow: 2px 2px 4px #888; /* 設置陰影效果 */
}
</style>
</head>
<body>
<h1>立體文字效果</h1>
</body>
</html>
在上面的代碼中,我們設置了一個h1元素,并為其應用了text-shadow屬性來創建一個立體文字效果。陰影的水平和垂直偏移分別為2px,模糊半徑為4px,顏色為#888(灰色)。您可以根據需要調整這些值以達到您想要的效果。