CSS中可以通過text-shadow屬性來實現文字陰影的效果。text-shadow屬性接受多個參數,用逗號分隔,依次代表水平偏移量、垂直偏移量、模糊半徑和陰影顏色等。
例: h1 { text-shadow: 2px 2px 4px #000000; }
上面的代碼表示設置了一個水平偏移量為2像素,垂直偏移量也為2像素,模糊半徑為4像素的黑色陰影。
例: h2 { text-shadow: 0 0 10px #ff0000, 0 0 5px #ffffff; }
上面的代碼表示設置了兩個陰影,第一個是10像素半徑的紅色陰影,第二個是5像素半徑的白色陰影。
需要注意的是,text-shadow屬性在一些舊版瀏覽器中可能不被支持。為了使頁面在不同瀏覽器中都能正常顯示,可以同時指定text-shadow和color屬性,這樣即使text-shadow不可用,也能保證文字仍然具有可讀性。
例: h3 { text-shadow: 2px 2px 4px #000000; color: #ffffff; }
上面的代碼表示在文字下面添加一個黑色陰影,同時將文字顏色設置為白色。即使沒有成功顯示陰影效果,文字也不會因為顏色問題而無法顯示。
上一篇css設置幼圓