在CSS中,可以使用text-stroke屬性給文本添加描邊效果。text-stroke屬性需要設(shè)置三個(gè)值:描邊顏色、描邊寬度和文本填充顏色。
要給文本添加描邊,可以使用以下代碼:
在這個(gè)例子中,p標(biāo)簽的文本顏色為白色,描邊寬度為1像素,描邊顏色為黑色。-webkit-text-stroke是為了兼容不同的瀏覽器。
如果要給文本添加不同顏色的描邊,可以使用兩個(gè)文本效果疊加的方法,如下所示:
在這個(gè)例子中,使用text-shadow屬性,首先設(shè)置一個(gè)紅色的陰影效果,之后設(shè)置多個(gè)陰影效果,達(dá)到不同顏色、不同寬度的描邊效果。
總之,CSS的text-stroke屬性和text-shadow屬性都可以給文本添加描邊效果,可以根據(jù)需要選擇使用。
要給文本添加描邊,可以使用以下代碼:
p { font-size: 24px; font-weight: bold; text-stroke: 1px black; -webkit-text-stroke: 1px black; color: white; }
在這個(gè)例子中,p標(biāo)簽的文本顏色為白色,描邊寬度為1像素,描邊顏色為黑色。-webkit-text-stroke是為了兼容不同的瀏覽器。
如果要給文本添加不同顏色的描邊,可以使用兩個(gè)文本效果疊加的方法,如下所示:
p { font-size: 24px; font-weight: bold; text-shadow: 0 0 2px red, 0 0 3px red, 0 0 4px red; color: white; }
在這個(gè)例子中,使用text-shadow屬性,首先設(shè)置一個(gè)紅色的陰影效果,之后設(shè)置多個(gè)陰影效果,達(dá)到不同顏色、不同寬度的描邊效果。
總之,CSS的text-stroke屬性和text-shadow屬性都可以給文本添加描邊效果,可以根據(jù)需要選擇使用。