在CSS中,可以通過text-shadow屬性來實現文字的描邊效果。在給定值的參數中,第一項決定了描邊的橫向偏移量,第二項決定了描邊的縱向偏移量,第三項決定了描邊的模糊半徑,最后一項決定了描邊的顏色。
text-shadow: 1px 1px 0 #000;
但是使用text-shadow創建的描邊不夠清晰,且需要手動調整偏移量、模糊半徑和顏色,比較麻煩。在實際應用中更常用的是使用text-stroke屬性。
text-stroke: 2px #000;
text-stroke屬性中的第一個參數為描邊寬度,第二個參數為描邊顏色。這種方法能夠實現更為清晰的描邊效果,并且不需要手動調整偏移量、模糊半徑和顏色,大大方便了開發。
需要注意的是,text-stroke屬性目前僅在Webkit內核的瀏覽器中支持,如Safari和Chrome等。在其他瀏覽器中無法使用此屬性,因此在代碼中需加上相應的瀏覽器兼容性前綴。
-webkit-text-stroke: 2px #000;
下一篇css如何定義背景不動