在CSS中,可以使用text-shadow
屬性為字體添加描邊。text-shadow
屬性接受四個值,***個值為水平偏移,第二個值為垂直偏移,第三個值為模糊半徑,第四個值為顏色。
以下代碼將為字體添加白色描邊:
h1 { text-shadow: 0 0 5px white; }
在上面的代碼中,0 0
表示水平和垂直偏移都為0,5px
表示模糊半徑為5像素,white
表示顏色為白色。
如果想要更改描邊的顏色,可以更改第四個值,以下代碼將為字體添加紅色描邊:
h1 { text-shadow: 0 0 5px red; }
如果想要添加不同方向的描邊,可以更改***個和第二個值,以下代碼將為字體添加從左到右的描邊:
h1 { text-shadow: -5px 0 5px black; }
在上面的代碼中,-5px
表示水平偏移為-5像素,0
表示垂直偏移為0,5px
表示模糊半徑為5像素,black
表示顏色為黑色。
text-shadow
屬性僅適用于支持該屬性的瀏覽器,如果不支持該屬性,可以使用其他方法來實(shí)現(xiàn)字體描邊的效果。