在CSS中,我們可以使用text-shadow屬性為文字添加描邊效果。
p { text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000; }
以上代碼將為p標(biāo)簽中的文字添加四個方向的描邊,即上下左右各一個像素的黑色描邊。
我們可以根據(jù)需要更改描邊的顏色和寬度:
p { text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 0px 0px 5px #000; }
在以上代碼中,我們將描邊的顏色改為白色,同時增加了描邊的寬度為5像素。
需要注意的是,text-shadow屬性可以同時添加多個陰影,每個陰影之間用逗號隔開。
在某些情況下,我們可能會需要單獨控制文字的描邊效果。這時我們可以使用text-stroke屬性:
p { -webkit-text-stroke: 1px #000; text-stroke: 1px #000; }
以上代碼將為p標(biāo)簽中的文字添加1像素的黑色描邊。
需要注意的是,text-stroke屬性目前只在一些瀏覽器中支持,建議在使用時進行兼容性測試。