在CSS中,可以使用text-shadow
屬性給字體添加投影,使用stroke
屬性給字體添加描邊,下面是一個(gè)示例:
h1 { color: #000; text-shadow: 2px 2px 4px #999; stroke: 2px solid #333; stroke-width: 2px; }
在上面的示例中,text-shadow
屬性添加了投影,stroke
屬性添加了描邊。text-shadow
的值2px 2px 4px #999
表示投影的大小為2px,模糊距離為2px,顏色為#999。stroke
的值2px solid #333
表示描邊的寬度為2px,樣式為實(shí)線,顏色為#333。
需要注意的是,stroke
屬性在標(biāo)準(zhǔn)的CSS中并不支持,它主要用于SVG元素,可以使用一些第三方庫(kù)或工具來(lái)實(shí)現(xiàn)類(lèi)似的效果,可以使用text-stroke
屬性在Web中使用描邊字體,下面是一個(gè)使用text-stroke
屬性的示例:
h1 { color: #000; text-shadow: 2px 2px 4px #999; text-stroke: 2px solid #333; }
在上面的示例中,text-stroke
屬性實(shí)現(xiàn)了與stroke
相似的功能,但它是在Web標(biāo)準(zhǔn)中定義的。
CSS提供了多種方式來(lái)給字體添加投影和描邊效果,具體使用哪種方式取決于你的需求和瀏覽器支持的情況。