CSS文本投影是一種在文本周圍添加陰影的效果,可以增強文本的可讀性和可視性。文本投影在CSS3中是非常容易實現(xiàn)的,只需要通過text-shadow屬性來設(shè)置即可。
/* 語法 */ text-shadow: h-shadow v-shadow blur-radius color; /* 示例 */ h1 { text-shadow: 2px 2px 4px #000000; }
text-shadow屬性有四個參數(shù),分別是水平陰影的偏移量、垂直陰影的偏移量、模糊半徑、顏色。其中偏移量可以設(shè)置正負值,正值表示陰影向右或向下偏移,負值表示陰影向左或向上偏移。
模糊半徑指定了陰影的模糊程度,值越大陰影就越模糊,值越小陰影就越清晰。顏色則指定了陰影的顏色。
需要注意的是,text-shadow屬性并不是所有瀏覽器都支持。在一些老舊的瀏覽器中可能會出現(xiàn)兼容性問題,需要進行測試和兼容性處理。